Document对象是客户端javascript中最常用的对象。
主要的方法:
close():关闭由open()方法打开的文档
open():产生一个新文档,覆盖已有文档
write():把文本写入当前打开的文档中
writeln():把文本写入当前打开的文档中,并附加一个换行符
主要的属性:
alinkColor,linkColor,vlinkColor:分别代指被激活的,未被访问的,被访问的超链接的颜色
anchors[]:Anchor对象的一个数组,代表文档中的锚
applets[]:Applet对象的一个数组,代表文档中的Java小程序
bgColor,fgColor:文档背景颜色,文档前景颜色
cookie:允许Javascript程序读写http cookie信息
domain:文档的安全域
forms[]:Form对象数组,代表文档中的form元素
images[]:Image对象数组,代表文档中的image元素
links[]:link对象数组,代表文档中的超文本链接
lastModified:文档修改日期
referrer:文档的URL,包含显示当前文档的链接
title:文档中title元素包含的标题系想你
URL:声明装载了文档的URL,与Window对象的属性location.href相同
简述原理:
一般浏览器加载文档时,会自动在客户端宿主环境中检索并构造文档元素对象,然后把同类元素对象的引用地址存储在一个数组中,并把该数组定义为Document对象的一个属性,即上面的forms[],images[]等属性
通过3种方法访问元素对象:
1.代码如下:
<img name="imgDemo" src="tom.jpg" /> <form name="formDemo" method="get" action="http://www.baidu.com"> </form> <script> alert(document.imgDemo.src); alert(document.formDemo.action); </script>
2.代码如下:
<img name="imgDemo" src="tom.jpg" /> <form name="formDemo" method="get" action="http://www.baidu.com"> </form> <script> alert(document.images[0].src); alert(document.forms[0].action); </script>
3.代码如下:
<img name="imgDemo" src="tom.jpg" /> <form name="formDemo" method="get" action="http://www.baidu.com"> </form> <script> alert(document.images["imgDemo"].src); alert(document.forms["formDemo"].action); </script>
同时可以用Document对象的write()方法和writeln()方法来动态生成文档,这里就不作示例了。但是要注意,在使用open()方法后,一定要调用close()方法来关闭文档,这样才能显示缓存信息。