认识Javascript中的Document对象

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()方法来关闭文档,这样才能显示缓存信息。


认识Javascript中的Document对象,布布扣,bubuko.com

认识Javascript中的Document对象

上一篇:el-upload + accept限制上传的文件格式


下一篇:java虚拟机字节码执行引擎浅析