本文共 1603 字,大约阅读时间需要 5 分钟。
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>
<body> <form> <input type="button" value="创建HTML文档" οnclick="createDialog()"> </form> </body> </html>
参考文献:W3school
转载地址:http://dqdoi.baihongyu.com/