-
Document
(計算機專業術語)
鎖定
Document,計算機術語。每一個載入瀏覽器的HTML文檔都會成為Document 對象。
Document 對象使我們可以從腳本(JavaScript)中對 HTML 頁面中的所有元素進行訪問。
提示:Document 對象是 Window 對象的一部分,可通過 window.document 屬性對其進行訪問。
- 中文名
- 文件,文獻,議案
- 外文名
- Document
- 類 別
- 每個載入瀏覽器的HTML文檔
- 對 象
- Window對象的一部分
Document簡介
HTMLDocument 接口對 DOMDocument 接口進行了擴展,定義 HTML 專用的屬性和方法。
很多屬性和方法都是 HTMLCollection 對象(實際上是可以用數組或名稱索引的只讀數組),其中保存了對錨、表單、鏈接以及其他可腳本元素的引用。
這些集合屬性都源自於 0 級 DOM。它們已經被Document.getElementsByTagName()所取代,但是仍然常常使用,因為他們很方便。
write() 方法值得注意,在文檔載入和解析的時候,它允許一個腳本向文檔中插入動態生成的內容。
注意,在 1 級 DOM中,HTMLDocument 定義了一個名為getElementById()的非常有用的方法。在 2 級 DOM 中,該方法已經被轉移到了 Document 接口,它現在由 HTMLDocument 繼承而不是由它定義了。
[1]
Document集合
集合 | 描述 | IE | F | O | W3C |
all[] | 提供對文檔中所有 HTML 元素的訪問。 | 4 | 1 | 9 | Yes |
anchors[] | 返回對文檔中所有 Anchor 對象的引用。 | 4 | 1 | 9 | Yes |
applets | 返回對文檔中所有 Applet 對象的引用。 | - | - | - | - |
forms[] | 返回對文檔中所有 Form 對象引用。 | 4 | 1 | 9 | Yes |
images[] | 返回對文檔中所有 Image 對象引用。 | 4 | 1 | 9 | Yes |
links[] | 返回對文檔中所有 Area 和 Link 對象引用。 | 4 | 1 | 9 | Yes |
Document屬性
屬性 | 描述 | IE | F | O | W3C |
body | 提供對 元素的直接訪問。對於定義了框架集的文檔,該屬性引用最外層的 。 | - | - | - | - |
設置或返回與當前文檔有關的所有 cookie。 | 4 | 1 | 9 | Yes | |
domain | 返回當前文檔的域名。 | 4 | 1 | 9 | Yes |
lastModified | 返回文檔被最後修改的日期和時間。 | 4 | 1 | No | No |
返回載入當前文檔的文檔的 URL。 | 4 | 1 | 9 | Yes | |
title | 返回當前文檔的標題。 | 4 | 1 | 9 | Yes |
返回當前文檔的 URL。 | 4 | 1 | 9 | Yes |
bgcolor 設置或檢索document對象的背景色
Document方法
方法 | 描述 | IE | F | O | W3C |
close() | 關閉用document.open() 方法打開的輸出流,並顯示選定的數據。 | 4 | 1 | 9 | Yes |
getElementById() | 返回對擁有指定 id 的第一個對象的引用。返回值是指定id的對象,區別於getElementsByName()方法,getElementsByName()是返回一個數組。 | 5 | 1 | 9 | Yes |
getElementsByName() | 返回帶有指定名稱的對象集合。返回值是一個數組。 | 5 | 1 | 9 | Yes |
getElementsByTagName() | 返回帶有指定標籤名的對象集合。 | 5 | 1 | 9 | Yes |
open() | 打開一個流,以收集來自任何 document.write() 或 document.writeln() 方法的輸出。 | 4 | 1 | 9 | Yes |
write() | 向文檔寫 HTML 表達式 或 JavaScript 代碼。如果同時寫入兩次write()方法 function myFunction( { document.write("1"); document.write("2"); } 頁面只會打印第一句。 | 4 | 1 | 9 | Yes |
writeln() | 等同於 write() 方法,不同的是在每個表達式之後寫一個換行符。 | 4 | 1 | 9 | Yes |
Document事件
document.body.onclick="func()"
[2]
//鼠標指針單擊對象時觸發
document.body.onmouseover="func()" //鼠標指針移到對象時觸發
document.body.onmouseout="func()" //鼠標指針移出對象時觸發
[2]
詳細內容可參考引用文章
- 參考資料
-
- 1. HTML DOM Document 對象 .w3school[引用日期2014-07-20]
- 2. javaScript之document對象詳解 .安安DIY創作室[引用日期2013-03-01]