既然你已經(jīng)知道如何按你自己的意愿打開窗口，那么現(xiàn)在開始學習怎樣在窗口中操作一些事。在此之前你要學習一下JavaScript的文檔對象模型（DOM），首先，讓我們學一點“基于對象的編程”。

    概述基于對象的編程

    基于對象的編程 - 特別是JavaScript版本的 - 是比較容易理解的。其主旨是信息依據(jù)對象組織。JavaScript其優(yōu)越處之一在于其帶有一內(nèi)建式對象庫。例如，一個窗口即一個對象。無論何時我提到一個缺省的JavaScript庫對象，我將使用大寫（Window）。特定的情況（特定的窗口）將用小寫。

    對象都有用以描述它們的屬性。窗口對象的其中一些屬性是它的名字，（即狀態(tài)條上的字），窗口文件的URL，及窗口文件本身。（其中包括單字，圖形及窗口中的超文本鏈接。）

    在JavaScript 中缺省的窗口對象為 window.這里你可了解你將如何獲取缺省窗口的屬性。

    var the_status = window.status;

    這是說：找到稱為window 的status屬性，將之調(diào)用到變量the_status中。窗口的status特性包含了狀態(tài)條上出現(xiàn)的詞句。你也可事先設置它，像這樣：

    window.status = "I'm monkeying around!";

    這是一個使用狀態(tài)條的例子。

    <a href="#" onMouseOver="window.status='Monkeys!';">Who do we love?</a>

    這是說：“當鼠標移動到這個鏈接上時，改變狀態(tài)條?！?

    對象的方法：
    除了屬性之外，對象還具有“方法”?！胺椒ā笔菍ο笏娜绾芜\作的進程。例如，窗口知道如何打開另一些窗口：

    window.open("URL,""name,""features")。它告訴Javascript用窗口的open方式來打開一個新窗口。

    因而，就象上例中，一個對象的“方法”也被稱為其獲取一個特性的方式：對象名，周期，而后是方式。主要的不同在于方法總在其后跟隨一對含有方式參數(shù)的圓括弧。甚至當方法不調(diào)用參數(shù)時，圓括弧也必須有的。還記得這個嗎？

    var italic_hippy = hippy_monkey.italics();

    對啦！字符串實際上就是對象， italics()即是字符對象的參數(shù)。 

    你已經(jīng)看了一些窗口方法的例子但還沒有了解它。對話框調(diào)用alert及prompt實際上也是窗口對象的方式。如果你調(diào)用：

    window.alert("Viva la primate!");

    你將看到對話框并讀到“Viva la primate!”我們直接能試試這個閃爍的窗口.

    看起來好象有點傻，更好的效果可以參看調(diào)用其它窗口。
盡管將一個窗口模糊或聚焦并沒有多大意義，但有時候你確實需要將另一個窗口移到前臺。為了使用javascript實現(xiàn)窗口之間的交流，你需要對該窗口的一個引用。

    獲取和使用一個窗口引用 

    首先，我打開一個窗口，為其賦予一個引用：

    var new_window = window.open("hello.html","html_name","width=200,height=200");

    該語句打開一個小窗口并將其賦值給變量new_window作為對該窗口的引用。變量可以包含數(shù)字和字符串，也可以包含對對象的引用，在本例中，對象是一個窗口?，F(xiàn)在變量new_window就可以象當前窗口那樣使用。你可以象對窗口調(diào)用方法那樣對new_window調(diào)用方法。 

    下面的語句是一個對new_window調(diào)用方法的例子:

    new_window.blur();

    它實現(xiàn)的作用和上篇中的window.blur()一樣。 

    現(xiàn)在我們看看將新窗口移到前臺或移到后臺的兩個鏈接：

    <a href="#" onMouseOver="new_window.focus();">Bring it forward</a>

    <a href="#" onMouseOver="new_window.blur();">Put it backward</a>
現(xiàn)在我們已經(jīng)了解了：JavaScript包括缺省對象，例如窗口，對象具有用于描述對象的屬性，方法用于描述對象采取行動的方法。

    對象的屬性頁可以是對象。舉例來說：窗口有一個屬性叫做document，它用于引用到窗口中實際的HTML文件。該document屬性本身就是一個對象。在談到圖象掉換（image swap)的時候，我們見到過這樣的例子。你可以用下列語句作圖象掉換:

    <a href="#" onMouseOver="window.document.the_image.src='button_d.gif';">change</a>

    上述語句的意思是說：找到window的document屬性，找到the_image的src屬性并將其設置為圖象button_d.gif。這樣寫是因為窗口（windows）是對象，窗口內(nèi)的文件（documents）是對象，而文件（document）內(nèi)的圖象（images）頁是對象。

    看起來似乎很復雜，但它的結(jié)構(gòu)很清楚。JavaScript的文檔對象模型（Document Object Model）描述了對象之間的等級關系。

    在該教程中，我們只看到該等級關系的一部分。使你的網(wǎng)頁具有精彩動感的大多數(shù)技巧都涉及到文件對象。文件對象內(nèi)容非常豐富，實際上應該專門開一門教程將這個問題。在本課程中，我們
將集中談談窗口的其它屬性。

    其它窗口屬性主要和分割窗口有關。

    在JavaScript中，對分割窗口的處理方法和其它窗口是一樣的。你只需利用javascript在一個出口里面修改另一個窗口外觀，你可以改變各個分割窗口的樣子。但你要記住，在一個窗口內(nèi)
的各個分割窗口實際上被當作另外的幾個窗口來對待，因為分割窗口可以再包含更小的分割窗口。也就是說，你有一個最高層的窗口，其中包含這第一級分割窗口，這個分割窗口實際上又是新的小窗口，小的窗口中又可以包含更小的分割窗口。但一般并不需將其搞得這么復雜。 

    下面是一個用javascript制作的分割窗口的例子。 

    首先，是分割窗口的窗框：

    <frameset rows="25%,*">
        <frame src="frames_example_controls.html" name="control_frame">
        <frame src="blank.html" name="target_frame">
    </frameset>

    這和普通的分割窗口窗框是一樣的。你要記住給窗框內(nèi)的各個分割窗口命名。第一個分割窗口的名字是control_frame, 其中包含這加入了javascript的HTML網(wǎng)頁。第二個分割窗口的src="#",其中什么都不包含。 

    接下來，我們看看control_frame窗口內(nèi)的內(nèi)容。以下只是其中關鍵的一行：

    <a href="#" onClick="top.target_frame.document.writeln('Monkey do!<br>');">Monkey see</a>

    執(zhí)行該語句時，JavaScript從窗口等級的最高層開始，該層中包含著分割窗口的窗框，從中發(fā)現(xiàn)名叫target_frame的分割窗口，由于該分割窗口是也一個窗口，所它具有窗口的文件（document）屬性。JavaScript找到其document屬性，并調(diào)用writeln()方法。其執(zhí)行結(jié)果是在文件中寫出"Monkey do!" 。writeln()是文件（document）對象的方法，所以我們必須寫document.writeln()，而不只是 writeln()。

    在上個例子中，我們用到了內(nèi)置變量top，該變量永遠指分割窗口最高層次的瀏覽器窗口。如果你計劃從分割窗口的最高層次開始執(zhí)行命令，你就可以用top變量。

    另一個內(nèi)置變量是parent， 指的是包含當前分割窗口的母窗口。如果在一個窗口內(nèi)有分割窗口，而在其中的一個分割窗口中又包含著分割窗口，則第2層的分割窗口可以用parent變量引用包含它的母分割窗口。

最新評論