什么是document對象?

2016-07-11 1785 1 編輯:Monster 來源:相關書籍

document對象實際上又是window對象的子對象,document對象的獨特之處是它既屬于BOM又屬于DOM。

從BUM角度看,document對象由一系列集合構成,這些集合可以訪問文檔的各個部分,并提供頁面自身的信息。

document對象最初是用來處理頁面文檔的,但很多屬性已經不推薦繼續使用了。例如,改變頁面的背景顏色(document.bgColor)、前景顏色(document.fgColor)和鏈接顏色(document.linkColor)等,因為這些可以使用DOM動態操縱CSS屬性實現。如果一定要使用這些屬性,應該把它們放在body部分,否則對Firefox瀏覽器無效。

由于BOM沒有統一的標準,各種瀏覽器中的document對象特性并不完全相同,因此在使用document對象時需要特別注意,盡量要使用各類瀏覽器都支持的通用屬性和方法。

1.獲得頁面的標題和最后修改時間

document對象的lastModified屬性可以輸出網頁的最后更新時間;而它的title屬性可以獲取或更改頁面的標題。

2.將所有超鏈接都設置為在新窗口打開

如果希望網頁中所有的窗口自動在新窗口打開,除了通過網頁頭部的標記設置外,還可以通過設置document對象中links集合的href屬性實現的。

3.改變超鏈接中原來的鏈接地址

在有些下載網站上,要求只有注冊會員才能下載軟件,會員單擊下載軟件的鏈接會轉到下載頁面,而其他瀏覽者單擊該鏈接卻是轉到要求注冊的頁面。這可以通過改變超鏈接中原有鏈接地址的方式實現,把要求注冊的鏈接寫到href屬性中,而如果發現是會員,就通過JavaScript改變該鏈接的地址為下載軟件的頁面。

當然,一般情況是通過服務器端腳本改變原來的鏈接地址,這樣可防止用戶查看源代碼找到改變后的鏈接地址。但不管哪種方式,都是要通過document.links對象來實現的。

4.用document對象的集合屬性訪問HTML元素

document對象的集合屬性能簡便地訪問網頁中某些類型的元素,它是通過元素的name屬性定位的,由于多個元素可以具有相同的name屬性,因此這種方法訪問得到的是一個元素的集合數組,可以通過添加數組下標的方式精確訪問某一個元素。

5. document對象的write和writeln方法

document對象有很多方法,但大部分是操縱元素的,如document.getElementById ID)。這些在DOM中再介紹,這里只介紹最簡單的用document動態輸出文本的方法。

1) write和writeln方法的用法

write和writeln方法都接受一個字符串參數,在當前HTML文檔中輸出字符串,唯一的區別是writeln方法會在字符串末尾加一個換行符(\n)。但是writeln只是在HTML代碼中添加一個換行符,由于瀏覽器會忽略代碼中的換行符,因此以下兩種方式都不會使內容在瀏覽器中產生換行。

docnment.write(”這是第一行”+"\n");

doaument.writeln("這是第一行”);    //等效于上一行的代碼

要在瀏覽器中換行,只能再輸出一個換行標記

,即:

 document.wrte ("這是第一行"+"

");

2)用document.write方法動態引入外部js文件

如果要動態引入一個js文件,即根據條件判斷,通過document.write輸出元素,則必須這樣寫才對:

if (prompt("是否鏈接外部腳本(1表示是)","")==1)

document.write("”十”");

注意:要將分成兩部分,因為JavaScript腳本是寫在 標記對中的,如果瀏覽器遇到就會認為這段腳本在這里就結束了,而忽略后面的腳本代碼。


本站文章均為深正網站建設摘自權威資料,書籍,或網絡原創文章,如有版權糾紛或者違規問題,請即刻聯系我們刪除,我們歡迎您分享,引用和轉載,但謝絕直接搬磚和抄襲!感謝...
關注深正互聯
七星彩头尾