第8章document對象

1、第 8 章 Document 對象Document 對象在頂級對象模型中占據(jù)非常重要的地位，它可以更新正在裝入和已經(jīng)裝 入的文檔， 并使用 JavaScript 腳本訪問其屬性和方法來操作已加載文檔中包含的 HTML 元素， 如表單 form、單選框 radio、下拉框 checkbox 等，并將這些元素當(dāng)作具有完整屬性和方法的 元素對象來引用。本章將重點(diǎn)講述頂級對象模型中 Document 對象及與其相關(guān)的 body

2、元素 對象的基礎(chǔ)知識，如對象的創(chuàng)建、引用及與其它 HTML 元素對象之間的相互關(guān)系等。8.1 對象模型參考客戶端瀏覽器載入目標(biāo) HTML 文檔后，在創(chuàng)建頂級對象模型中其它頂級對象的同時， 創(chuàng)建 Document 對象的實(shí)例，并將該實(shí)例指向當(dāng)前的文檔。當(dāng)文檔包含多個框架組成的框架 集或者在該文檔中由和標(biāo)記對引入其它外部文檔時， 當(dāng)前瀏覽器窗口就同 時包含了多個 Document 對象。Web 程序開發(fā)人員根據(jù)對象之間的相對位置關(guān)系使

3、用 JavaScript 腳本進(jìn)行相關(guān)操作如對象定位、訪問等。Document 對象在文檔結(jié)構(gòu)模型中處于頂級層次，但較之如 Window 等其它頂級對象而言，該對象與客戶端瀏覽器的關(guān)聯(lián)程度比較小，而與所載入文檔本身的關(guān)聯(lián)程度較為緊密。 圖 8.1 從 Document 對象的角度出發(fā)，顯示了它在文檔對象模型的參考層次中所處的相對位 置（NN4+和 IE4+文檔結(jié)構(gòu)模型通用） ：圖 8.1 Document 對象模型參考//源程

4、序 8.2Sample Page! Document 對象信息function GetInfo(){//獲取父文檔的 frames 對象數(shù)組var MyFrames=parent.document.frames; msg+=“父文檔 frames 數(shù)組 : \n“; msg+=“ 長度 : “+MyFrames.length+“\n“;for(i=0;i<MyFrames.length;i++){msg+=“frames[

5、“ +i+ “].name : “ +MyFrames[i].name+ “\n“;}//獲取文檔的 links 對象數(shù)組var MyLinks=document.links;msg+=“l(fā)inks 數(shù)組 : \n“;msg+=“長度 : “+MyLinks.length+“\n“;for(i=0;i<MyLinks.length;i++){msg+=“l(fā)inks[“ +i+ “].name : “ +MyLinks[i].na

6、me+ “\n“;}//獲取文檔的 images 對象數(shù)組var MyImages=document.images;msg+=“images 數(shù)組 : \n“;msg+=“長度 : “+MyImages.length+“\n“;for(i=0;i<MyImages.length;i++){msg+=“images[“ +i+ “].name : “ +MyImages[i].name+ “\n“;}//獲取文檔的 embeds

7、 對象數(shù)組var MyEmbeds=document.embeds;msg+=“embeds 數(shù)組 : \n“;msg+=“長度 : “+MyEmbeds.length+“\n“;for(i=0;i<MyEmbeds.length;i++){msg+=“embeds[“ +i+ “].name : “ +MyEmbeds[i].name+ “\n“;}//獲取文檔的 plugins 對象數(shù)組var MyPlugins=docum