第8章document對象

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

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

3、用 JavaScript 腳本進行相關(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