首頁 > web前端 > html教學 > html中的document物件是什麼?一篇文章讓你了解document對象

html中的document物件是什麼?一篇文章讓你了解document對象

寻∝梦
發布: 2018-09-01 13:59:33
原創
9116 人瀏覽過

本篇文章主要的介紹了關於HTML document物件的解釋,還有關於HTML document物件的使用實例解析,接下來讓我們一起來看這篇文章吧

首先我們來介紹一下HTML中的document物件:

文檔物件(document)代表瀏覽器視窗中的文檔,該物件是window物件的子對象,由於window物件是DOM物件模型中的默認對象,因此window對像中的方法和子對像不需要使用window來引用。

透過document物件可以存取HTML文件中包含的任何HTML標記並且可以動態的改變HTML標記中的內容。

例如表單、圖片、表格和超連結等。

再來看看HTML中的Document物件集合:

html中的document物件是什麼?一篇文章讓你了解document對象#來看看網路上對HTML中的document物件的描述:

HTMLDocument介面對DOM Document介面進行了擴展,定義HTML專用的屬性和方法。

很多屬性和方法都是HTMLCollection物件(實際上是可以用陣列或名稱索引的只讀數群組),其中保存了對錨、表單、連結以及其他可腳本元素的參考。

這些集合屬性都源自於0級DOM。它們已經被Document.getElementsByTagName()取代,但仍然經常使用,因為他們很方便。

write()方法值得注意,在文件載入和解析的時候,它允許一個腳本向文件中插入動態產生的內容。

注意,在1級DOM中,HTMLDocument定義了一個名為getElementById()的非常有用的方法。在2級DOM中,該方法已經被轉移到了Document接口,它現在由HTMLDocument繼承而不是由它定義了。

接下來給個關於HTML document物件的使用實例:

<HTML>
<HEAD>
<TITLE>PHP中文网</TITLE>
<SCRIPT LANGUAGE="JScript">function reportMove()
{ window.status = "X=" + window.event.x + " Y=" + window.event.y;
}
</SCRIPT>
</head>
<BODY onmousemove="reportMove()">
<H1>欢迎!</H1>
</BODY>
</HTML>
上面的例子使
登入後複製

用了document物件檢查文件標題並在訊息方塊中顯示該標題(如果非空)。 if(document.title!="")alert("標題為" document.title)下面的範例示範了在瀏覽器的狀態列上顯示滑鼠目前位置的事件句柄函數,所得位置相對於文件的左上角。

以上就是這篇關於html document對象的介紹,和使用實例,讓你更清楚的了解HTML document對象,有什麼疑問可以在下方提問。

【小編推薦】

html font標籤如何設定字體大小? html font標籤屬性用法介紹

HTML中新增圖片的程式碼是什麼? html如何正確的新增圖片路徑?

#

以上是html中的document物件是什麼?一篇文章讓你了解document對象的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板