【正文】 name=wcl“中分別傳遞了兩個(gè)參數(shù) 和 name，它們的值分別是 wcl。相隔。 實(shí)現(xiàn)代碼： 定時(shí)滾動(dòng)廣告 .txt 運(yùn)行效果： 定時(shí)滾動(dòng)廣告 .html DHTML綜合編程實(shí)踐 通過 URL傳遞參數(shù) 功能描述： 有兩個(gè) HTML頁(yè)面文檔 , 分別是 ，要從 url地址傳送到 ，在。頁(yè)面顯示 10秒鐘后才開始廣告滾動(dòng)。 實(shí)現(xiàn)代碼： 運(yùn)行效果： DHTML綜合編程實(shí)踐 廣告條定時(shí)滾動(dòng) 功能描述：定時(shí)滾動(dòng)廣告條。 [例 ]請(qǐng)讀者體驗(yàn)以下 DOM樹編程過程。 HTML DOM程序設(shè)計(jì)初步 HTML DOM樹簡(jiǎn)介 例如創(chuàng)建一個(gè)按鈕元素：(“input type=?button?”)； 創(chuàng)建一個(gè)超鏈接元素： (“A”)。 表 411 DOM樹的常用方法 HTML DOM程序設(shè)計(jì)初步 HTML DOM樹簡(jiǎn)介 在用 createElement方法創(chuàng)建一個(gè)元素時(shí)，其中的參數(shù)可以使用表 412中所列 DHTML對(duì)象的名稱。 HTML DOM程序設(shè)計(jì)初步 HTML DOM樹簡(jiǎn)介 表 410 DOM樹節(jié)點(diǎn)的屬性 HTML DOM程序設(shè)計(jì)初步 HTML DOM樹簡(jiǎn)介 圖 417 文檔大綱 HTML DOM程序設(shè)計(jì)初步 HTML DOM樹簡(jiǎn)介 用 DOM方法可以創(chuàng)建 HTML文檔，并可以通過 JavaScript程序隨時(shí)改變文檔的節(jié)點(diǎn)結(jié)構(gòu)或內(nèi)容，建立動(dòng)態(tài)網(wǎng)頁(yè)效果。 通過只讀屬性可以瀏覽節(jié)點(diǎn) ， 并可獲得節(jié)點(diǎn)的類型及名稱等信息；通過讀寫屬性可以訪問文字節(jié)點(diǎn)的內(nèi)容 。 chileNodes是子節(jié)點(diǎn)的對(duì)象集合 ， 使用從 0開始的索引值進(jìn)行訪問 。 DOM 有 兩 個(gè) 對(duì) 象 集 合 ： attributes 和 chileNodes 。 圖 417所示為一個(gè) Web頁(yè)文件所對(duì)應(yīng)的 DOM節(jié)點(diǎn)樹 ， 又稱文檔大綱 。 實(shí)現(xiàn)代碼： 運(yùn)行效果： [例 ] 播放 MP3等媒體文件。 實(shí)現(xiàn)代碼： 運(yùn)行效果： 448（圖片上載） .html [例 ]實(shí)現(xiàn)鼠標(biāo)懸停時(shí)，顯示放大的圖片。 實(shí)現(xiàn)代碼： 運(yùn)行效果： [例 ] 逐條顯示信息的跑馬燈。 實(shí)現(xiàn)代碼： 運(yùn)行效果： [例 ] 文檔對(duì)象應(yīng)用舉例。 實(shí)現(xiàn)代碼： 運(yùn)行效果： [例 ] 使用 document對(duì)象查看元素名稱。 HTML DOM程序設(shè)計(jì)初步 文檔對(duì)象 (Document) HTML DOM程序設(shè)計(jì)初步 文檔對(duì)象 (Document) HTML DOM程序設(shè)計(jì)初步 文檔對(duì)象 (Document) 下面主要通過大量典型的實(shí)例幫助讀者掌握其編程方法 。 要詳細(xì)介紹各個(gè)對(duì)象的使用超出了本書范圍。 i。 var oItem = (“Sample”)。 i。例如以下代碼演示了 all的用法： var oItem = 。 color:white。 SPAN STYLE=width:300。 實(shí)現(xiàn)代碼： 運(yùn)行效果： HTML DOM程序設(shè)計(jì)初步 文檔對(duì)象 (Document) ? document對(duì)象的事件 文檔對(duì)象的事件除了響應(yīng)鍵盤、鼠標(biāo)常規(guī)操作事件外，還增加了其它大量事件，例如鼠標(biāo)的拖拉操作事件（ ondrag、ondragend、 ondragenter、 ondragleave、 ondragover、ondragstart、 ondrop）、右鍵菜單事件 oncontextmenu等。單擊 Finish Sentence按鈕原地輸出另外一個(gè)頁(yè)面。在使用 open()來打開一個(gè)新流時(shí)，可為文檔指定一個(gè)有效的文檔類型，有效文檔類型包括text/HTML、 text/gif、 text/xim、 text/plugin等。 open方法有兩種用法： 與 ()用法完全一致，用來創(chuàng)建一個(gè)新的窗口或在指定的命令窗口內(nèi)打開文檔； 在一個(gè)已存在文件中寫入內(nèi)容或創(chuàng)建一個(gè)新文件來寫入內(nèi)容。 文檔對(duì)象的方法 write和 writeln方法主要用來實(shí)現(xiàn)在Web頁(yè)面上顯示輸出信息。用戶在文本框中輸入姓名，單擊按鈕“姓名保存到 cookie”后，再單擊“從 cookie中得到姓名”按鈕，在第二個(gè)文本框中顯示取到的姓名。 HTML DOM程序設(shè)計(jì)初步 文檔對(duì)象 (Document) HTML DOM程序設(shè)計(jì)初步 文檔對(duì)象 (Document) [例 ] 設(shè)置 cookie和獲取 cookie的例子。我們可以保存用戶輸入的參數(shù)到 cookie中，以后可以恢復(fù)顯示。用戶在打開同一個(gè)網(wǎng)站時(shí)，通過鏈接方式可能打開了多個(gè)瀏覽器窗口，這些窗口間需要共享信息時(shí)， cookie就可以完成這項(xiàng)工作。color=red。 Cookie中的參數(shù)是以分號(hào)相隔的，例如 name=20。 ? document對(duì)象的常用屬性見表 47所示。 HTML DOM程序設(shè)計(jì)初步 文檔對(duì)象 (Document) HTML DOM程序設(shè)計(jì)初步 文檔對(duì)象 (Document) document對(duì)象包含的屬性、方法、事件及子對(duì)象眾多，詳盡介紹具體的使用方法請(qǐng)參閱其它資料。 document對(duì)象對(duì)于我們實(shí)現(xiàn) Web頁(yè)面信息交互起關(guān)鍵作用。編程人員利用這些對(duì)象，可以對(duì) WWW瀏覽器環(huán)境中的事件進(jìn)行控制并作出處理。 HTML DOM程序設(shè)計(jì)初步 事件對(duì)象 [例 ] 使用 srcElement屬性，判斷按下了哪個(gè)元素。 [例 ] 使用 History對(duì)象設(shè)置頁(yè)面鏈接 實(shí)現(xiàn)代碼： 運(yùn)行效果 ： HTML DOM程序設(shè)計(jì)初步 事件對(duì)象 5. 事件對(duì)象 (event) event對(duì)象是 window對(duì)象的子對(duì)象，主要作用就是獲取或者設(shè)置產(chǎn)生事件的對(duì)象是哪個(gè)對(duì)象、鍵盤按鍵的狀態(tài)、當(dāng)前鼠標(biāo)指針的位置、鼠標(biāo)按鍵的狀態(tài)等等。如果當(dāng)前頁(yè)面后的歷史記錄只有 2步，雖然設(shè)定了前進(jìn) 4步，沒有那么多，則顯示最后一個(gè)網(wǎng)頁(yè)歷史。我們可以在程序中控制頁(yè)面轉(zhuǎn)向某一個(gè)網(wǎng)頁(yè)歷史記錄。 history 對(duì)象的屬性和方法如圖 49所示。 [例 ] 顯示當(dāng)前頁(yè)面的 URL,并刷新當(dāng)前頁(yè)面。y=6。但用 replace方法后，瀏覽器的前進(jìn)、后退歷史記錄將喪失。 location 對(duì)象常用的方法和屬性如圖 48所示。在瀏覽器中顯示結(jié)果如圖 47所示 實(shí)現(xiàn)代碼： 運(yùn)行效果： HTML DOM程序設(shè)計(jì)初步 位置對(duì)象 (location) (location) location對(duì)象是 window的子對(duì)象。 navigator對(duì)象常用方法和屬性如圖 46所示。 實(shí)現(xiàn)代碼： 運(yùn)行效果： HTML DOM程序設(shè)計(jì)初步 navigator瀏覽器對(duì)象 navigator對(duì)象是 window的子對(duì)象。 Window對(duì)象有兩個(gè)很重要的方法 ()和()可以實(shí)現(xiàn)定時(shí)操作。 Span標(biāo)記是容器標(biāo)記，用來放置新創(chuàng)建的 HTML元素，也可用 Div標(biāo)記替代 Span標(biāo)記。 實(shí)現(xiàn)代碼： 運(yùn)行效果： 434html [例 ]該例子實(shí)現(xiàn)了動(dòng)態(tài)創(chuàng)建按鈕和超鏈接 HTML元素標(biāo)記，并且用戶雙擊鼠標(biāo)后，瀏覽器頁(yè)面開始往下滾動(dòng)。 實(shí)現(xiàn)代碼： 運(yùn)行效果 ： [例 ]模態(tài)對(duì)話框演示。 //顯示每個(gè)幀的 URL地址 ()。 i 。 //顯示一個(gè)窗口被分成了幾個(gè)幀 var frm = 。 i++) alert(frm(i).name)。 for (i=0。用self指定當(dāng)前幀，例如指定當(dāng)前幀跳轉(zhuǎn)到另一個(gè) Web頁(yè)，用(“”)即可。 frames集合對(duì)象是通過 HTML標(biāo)記 frame、frameset來創(chuàng)建的，它包含了一個(gè)窗口中的全部幀數(shù)。 frames（幀，又稱框架）可以實(shí)現(xiàn)窗口的分隔操作。 ? status屬性可以在瀏覽器窗口狀態(tài)欄顯示你給定的文本；screenLeft和 secreenTop為瀏覽器窗口頁(yè)面顯示區(qū)域左上角相對(duì)屏幕左上角的橫坐標(biāo)和縱坐標(biāo)； closed屬性可以返回窗口是否打開或者關(guān)閉的布爾值。39。 HTML DOM程序設(shè)計(jì)初步 HTML DOM主要對(duì)象介紹及編程實(shí)例 ? navigate方法實(shí)現(xiàn)了類似超鏈接的功能，但只能在本窗口中打開另外一個(gè) Web頁(yè)面。例如以下腳本實(shí)現(xiàn)了這樣的功能：新打開一個(gè)居中顯示的模態(tài)對(duì)話框，對(duì)話框左上角相對(duì)屏幕左上角的坐標(biāo)位置為 (75,20)像素，窗口寬 480、高 420像素，在對(duì)話框加載 ，父窗口的標(biāo)題作為參數(shù)傳遞到對(duì)話框，對(duì)話框的邊框呈 sunken效果。模態(tài)對(duì)話框是指只能用鼠標(biāo)或鍵盤在該對(duì)話框中操作，而不能在彈出對(duì)話框的父窗口中進(jìn)行任何操作。具體用法請(qǐng)看例 。前者可實(shí)現(xiàn)以指定的間隔時(shí)間（毫秒）重復(fù)執(zhí)行某一功能操作；后者只能在指定的時(shí)間執(zhí)行一次。其中 sName 可以取值為replace（用 qq首頁(yè)替換當(dāng)前頁(yè)面）、 _blank（新打開一個(gè)瀏覽器窗口顯示 首頁(yè)）、 _parent（在當(dāng)前頁(yè)的父窗口中打開 首頁(yè)）、 _search（在搜索窗口中打開 首頁(yè)）、 _self（用 首頁(yè)替換當(dāng)前頁(yè)面）、 _top（用首頁(yè)替換框架頁(yè)面，無框架時(shí)和 _self相同）。 ? close方法可用來關(guān)閉瀏覽器窗口。 HTML DOM程序設(shè)計(jì)初步 HTML DOM主要對(duì)象介紹及編程實(shí)例 HTML DOM程序設(shè)計(jì)初步 HTML DOM主要對(duì)象介紹及編程實(shí)例 編程人員可以利用 window對(duì)象控制瀏覽器窗口顯示的各個(gè)方面，如對(duì)話框、框架等。 HTML DOM程序設(shè)計(jì)初步 訪問 HTML元素的方法 [例 ] 動(dòng)態(tài)改變?yōu)g覽器背景顏色和瀏覽器窗口標(biāo)題 1 實(shí)現(xiàn)代碼： 運(yùn)行效果： [例 ] 動(dòng)態(tài)改變?yōu)g覽器背景顏色和瀏覽器窗口標(biāo)題 2 實(shí)現(xiàn)代碼： 運(yùn)行效果： [例 ] 腳本程序 1動(dòng)態(tài)改變?yōu)g覽器背景顏色和瀏覽器窗口標(biāo)題 實(shí)現(xiàn)代碼： 運(yùn)行效果： [例 ] 腳本程序 2動(dòng)態(tài)改變?yōu)g覽器背景顏色和瀏覽器窗口標(biāo)題 實(shí)現(xiàn)代碼： 運(yùn)行效果： [例 ] 腳本程序 3 動(dòng)態(tài)改變?yōu)g覽器背景顏色和瀏覽器窗口標(biāo)題 實(shí)現(xiàn)代碼： 運(yùn)行效果： HTML DOM程序設(shè)計(jì)初步 HTML DOM主要對(duì)象介紹及編程實(shí)例 HTML DOM主要對(duì)象介紹及編程實(shí)例 1 窗口對(duì)象 (Window) Window對(duì)象處于對(duì)象層次的最頂端，每個(gè)對(duì)象代表一個(gè)瀏覽器窗口，封裝了窗口的方法和屬性。其中 getElementById方法是 W3C倡導(dǎo)的標(biāo)準(zhǔn)方法，各種瀏覽器均支持它。例如 document。 alert(pp)。i(div).length。javascript39。因此 HTML DOM中提供了統(tǒng)一訪問 HTML元素的六種方法，它們的格式是： HTML DOM程序設(shè)計(jì)初步 訪問 HTML元素的方法 ? (HTML元素的 ID) 例如： (myColor) ? ID 例如： ? (HTML元素的 ID) 例如： (myColor) ? (HTML元素的 Name屬性值 ) 例如： (firstName) ? (HTML元素的 Id或 Name屬性值 ) 例如： .. (myColor) ? . getElementsByTagName(div) (HTML標(biāo)記名稱) 例如： .. getElementsByTagName(div) HTML DOM程序設(shè)計(jì)初步 訪問 HTML元素的方法 getElementsByTagName方法可實(shí)現(xiàn)當(dāng)標(biāo)記在沒有定義ID或 Name屬性的情況下仍然可以被訪問。 在例 ，將例 HTML控件放在 ID為myForm的表單標(biāo)記中，在 JavaScript程序中，用 Id為 myColor文本框的值，用 ID為 mybut1按鈕的單擊事件。例如： 指定 ID屬性： input id=“myColor” type=“text” value=“red” 指定 Name屬性： inp