HTML Document对象简介

最新推荐文章于 2021-06-17 09:44:07 发布

taozpwater

最新推荐文章于 2021-06-17 09:44:07 发布

阅读量1.0k

点赞数

分类专栏： B/S学习文章标签： html 文档 javascript applet internet firefox

本文链接：https://blog.csdn.net/taozpwater/article/details/7796226

版权

B/S学习专栏收录该内容

19 篇文章 2 订阅

订阅专栏

1、简介

每个载入浏览器的 HTML 文档都会成为 Document 对象。
Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。
提示：Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问。

以下内容的简写：IE: Internet Explorer, F: Firefox, O: Opera, W3C: W3C 标准.

2、Document 对象集合

集合	描述	IE	F	O	W3C
all[]	提供对文档中所有 HTML 元素的访问。	4	1	9	No
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

3、Document 对象属性

属性	描述	IE	F	O	W3C
body	提供对 <body> 元素的直接访问。对于定义了框架集的文档，该属性引用最外层的 <frameset>。
cookie	设置或返回与当前文档有关的所有 cookie。	4	1	9	Yes
domain	返回当前文档的域名。	4	1	9	Yes
lastModified	返回文档被最后修改的日期和时间。	4	1	No	4No
referrer	返回载入当前文档的文档的 URL。	4	1	9	Yes
title	返回当前文档的标题。	4	1	9	Yes
URL	返回当前文档的 URL。	4	1	9	Yes

4、Document 对象方法

方法	描述	IE	F	O	W3C
close()	关闭用 document.open() 方法打开的输出流，并显示选定的数据。	4	1	9	Yes
getElementById()	返回对拥有指定 id 的第一个对象的引用。	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 代码。	4	1	9	Yes
writeln()	等同于 write() 方法，不同的是在每个表达式之后写一个换行符。	4	1	9	Yes

5、示例

<html>
<head>
<script>
  function createDialog(){
      var content = "<html><head><title>动态生成HTML文档</title></head>";
      content += "<body>这个文档是利用Javascript生成的。</body></html>";
      alert(content);
      var newWindow = window.open();
      newWindow.document.write(content );
      newWindow.document.close();
  }
</script>
</head>