HTMLDOM系列教程之Document对象

今天我们来了解一下HTML DOM中的document对象，这个也是我们经常提到的，那么什么是document对象呢？其实每个载入浏览器的HTML文档都会成为document对象，document对象可以使我们对HTML页面中的所有元素进行访问，如我们常用到的docuemnt.getElementById()、document.getElementsByTagName()等。Document对象可以分为3个部分：document对象集合、document对象属性、document对象方法，那么下面我们就逐个地了解一下他们。

Document对象集合

all[]：访问HTML文档中的所有元素，但它并非W3C的标准，FireFox是不支持的。

如我们要获得页面中第一个元素的标签名：

anchors[]：返回文档中所有锚的引用,如

forms[]：返回文档中的所有form（表单）对象引用

语法：document.forms

返回页面中的所有表单的数量document.forms.length

images[]：返回文档中的所有images对象引用

语法：document.images

links[]：返回文档中的所有link对象引用

语法：document.links

Document对象属性

body属性：document.body直接访问body，但存在一定的兼容性，它与document.documentElement常放在一起使用，如我们要获得网页可见区域的高，那么我们这样做就是最好的办法：

var clientHeight = document.documentElement.clientHeight || document.body.clientHeight;

COOKIE属性：设置或返回与当前文档有关的所有COOKIE，如下：

domain属性：返回当前文档的域名

语法：document.domain

referrer属性：返回当前文档的url

语法：document.referrer

title属性：返回当前文档的标题

语法：document.title

URL属性：返回当前文档的URL，通常，此属性的值与location对象的location.href的值是相通的，但当重定向时，该属性保存了文档的实际URL，而location.href保存的是重定向后的URL。注意document.URL中的URL是大写的。

document对象方法

getElementById()、getElementByName()、getElementsByTagName()这几个我们就非常熟悉了，分别为取id、取name（返回数组）、取标签（返回数组），就不多介绍了。

write()方法与writeln()方法：都是向文档内输出内容，不过区别就是writeln()在输出内容后会换行。

open()方法：打开一个新文档，并擦出当前文档的内容。注意：调用open() 方法打开一个新文档并用write() 方法设置文档内容后，必须记住用close()方法关闭文档，并迫使其内容显示出来。

close()方法：关闭用document.open()方法打开的输出流，并显示选定的数据。

下面我们通过一个Demo，把open()方法、write()方法、close()方法一块演示一遍：