认识Javascript中的Document对象以及如何用三种方法访问元素对象

àì夳堔傛蜴生んèń 2022-08-26 13:21 6阅读 0赞

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