HTML DOM Document 对象
Document 对象代表整个 HTML 文档,可用来访问页面中的所有元素。
Document 对象是 Window 对象的一个部分,可通过 window.document 属性来访问。
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.all是页面内所有元素的一个集合
document.all(0)表示页面内第一个元素
document.all可以判断浏览器是否是IE
document.all.元素id;(id必须唯一);
document.all.元素name;(name必须唯一);
document.all.元素id(index);(id可以有重复,并且index不能越界);
document.all.元素name(index);(name可以有重复,并且name不能越界);
document.all("元素id",index);(id可以有重复,并且index不能越界);
document.all("元素name",index);(name可以有重复,并且index不能越界);
document.all["元素id"];(id必须唯一);
document.all["元素name"];(name必须唯一);
document.all["元素id"][index];(id可以有重复,并且index不能越界);
document.all["元素name"][index];(name可以有重复,并且index不能越界);
Document 对象的属性
属性 | 描述 | IE | F | O | W3C |
---|---|---|---|---|---|
body | 提供对 <body> 元素的直接访问。对于定义了框架集的文档,该属性引用最外层的 <frameset>。 | ||||
cookie | 设置或返回与当前文档有关的所有 cookie。 | 4 | 1 | 9 | Yes |
domain | 返回当前文档的域名。 | 4 | 1 | 9 | Yes |
lastModified | 返回文档被最后修改的日期和时间。 | 4 | 1 | No | No |
referrer | 返回载入当前文档的文档的 URL。 | 4 | 1 | 9 | Yes |
title | 返回当前文档的标题。 | 4 | 1 | 9 | Yes |
URL | 返回当前文档的 URL。 | 4 | 1 | 9 | Yes |
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 |
1、open() 方法可打开一个新文档,并擦除当前文档的内容。
语法
document.open(mimetype,replace)
参数 | 描述 |
---|---|
mimetype | 可选。规定正在写的文档的类型。默认值是 "text/html"。 |
replace | 可选。当此参数设置后,可引起新文档从父文档继承历史条目。 |
2、write() 方法可向文档写入 HTML 表达式或 JavaScript 代码。
可列出多个参数(exp1,exp2,exp3,...) ,它们将按顺序被追加到文档中。
语法
document.write(exp1,exp2,exp3,....)
说明
虽然根据 DOM 标准,该方法只接受单个字符串作为参数。不过根据经验,write() 可接受任何多个参数。
我们通常按照两种的方式使用 write() 方法:一是在使用该方在文档中输出 HTML,另一种是在调用该方法的的窗口之外的窗口、框架中产生新文档。在第二种情况中,请务必使用 close() 方法来关闭文档。
例子:
- 向输出流写文本
document.write("Hello World!")
- 向输出流写HTML
document.write("<h1>Hello World!</h1>")
- 多参数
document.write("Hello World! ","Hello You! ","<p style='color:blue;'>Hello World!</p>")
window.location.href、location.href、self.location.href都是本页面跳转
parent.location.href是上一层页面跳转
top.location.href是最外层页面跳转