日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > HTML >内容正文

HTML

HTML DOM教程 14-HTML DOM Document 对象

發布時間:2025/4/5 HTML 44 豆豆
生活随笔 收集整理的這篇文章主要介紹了 HTML DOM教程 14-HTML DOM Document 对象 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

HTML DOM教程 14-HTML DOM Document 對象

?

  1:Document 對象

  Document 對象代表整個 HTML 文檔,可用來訪問頁面中的所有元素。

  Document 對象是 Window 對象的一個部分,可通過 window.document 屬性來訪問。

  2:Document 對象的集合

集合描述IEFOW3C
all[]提供對文檔中所有 HTML 元素的訪問。419Yes
anchors[]返回對文檔中所有 Anchor 對象的引用。419Yes
applets返回對文檔中所有 Applet 對象的引用。----
forms[]返回對文檔中所有 Form 對象引用。419Yes
images[]返回對文檔中所有 Image 對象引用。419Yes
links[]返回對文檔中所有 Area 和 Link 對象引用。419Yes

  3:Document 對象的屬性

屬性描述IEFOW3C
body提供對 <body> 元素的直接訪問。對于定義了框架集的文檔,該屬性引用最外層的 <frameset>。????
cookie設置或返回與當前文檔有關的所有 cookie。419Yes
domain返回當前文檔的域名。419Yes
lastModified返回文檔被最后修改的日期和時間。41NoNo
referrer返回載入當前文檔的文檔的 URL。419Yes
title返回當前文檔的標題。419Yes
URL返回當前文檔的 URL。419Yes

  4:Document 對象的方法

方法描述IEFOW3C
close()關閉用 document.open() 方法打開的輸出流,并顯示選定的數據。419Yes
getElementById()返回對擁有指定 id 的第一個對象的引用。519Yes
getElementsByName()返回帶有指定名稱的對象集合。519Yes
getElementsByTagName()返回帶有指定標簽名的對象集合。519Yes
open()打開一個流,以收集來自任何 document.write() 或 document.writeln() 方法的輸出。419Yes
write()向文檔寫 HTML 表達式 或 JavaScript 代碼。419Yes
writeln()等同于 write() 方法,不同的是在每個表達式之后寫一個換行符。419Yes

  5:Document 對象的描述

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

  很多屬性和方法都是 HTMLCollection 對象(實際上是可以用數組或名稱索引的只讀數組),其中保存了對錨、表單、鏈接以及其他可腳本元素的引用。

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

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

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

?  6:方法詳解

  6.1 open() 方法

   定義和用法:open() 方法可打開一個新文檔,并擦除當前文檔的內容。

   語法:document.open(mimetype,replace)

參數描述
mimetype可選。規定正在寫的文檔的類型。默認值是 "text/html"。
replace可選。當此參數設置后,可引起新文檔從父文檔繼承歷史條目。

  說明:該方法將擦除當前 HTML 文檔的內容,開始一個新的文檔,新文檔用 write() 方法或 writeln() 方法編寫。

   提示和注釋:調用 open() 方法打開一個新文檔并且用 write() 方法設置文檔內容后,必須記住用 close 方法關閉文檔,并迫使其內容顯示出來。

  注釋:屬于被覆蓋的文檔的一部分的腳本或事件句柄不能調用該方法,因為腳本或事件句柄自身也會被覆蓋。

   實例:


Code
?1?<html>
?2<head>
?3<script?type="text/javascript">
?4function?createNewDoc()
?5??{
?6??var?newDoc=document.open("text/html","replace");
?7??var?txt="<html><body>Learning?about?the?DOM?is?FUN!</body></html>";
?8??newDoc.write(txt);
?9??newDoc.close();
10??}

11</script>
12</head>
13<body>
14
15<input?type="button"?value="Write?to?a?new?document"
16onclick="createNewDoc()">
17
18</body>
19</html>

轉載于:https://www.cnblogs.com/pricks/archive/2009/05/04/1448910.html

總結

以上是生活随笔為你收集整理的HTML DOM教程 14-HTML DOM Document 对象的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。