js学习笔记(十二)Document对象
1、document对象的四个方法:
close()
open()
write()
writeln()
2、document对象的属性
document对象属性 | 作用 |
alinkColor | 被激活的链接的颜色 |
linkColor | 未被访问过的链接的颜色 |
vlinkColor | 访问过的链接的颜色 |
anchors[] | 文档中的锚的数组集合 |
applets[] | 文档中的java小程序的数组集合 |
bgColor | 文档的背景颜色 |
fgColor | 文档的前景(即文本)颜色 |
cookie | 一个特殊属性,详见相关内容 |
domain | 一个特殊属性,详见相关内容 |
forms[] | 文档中的<form>(即表单)元素数组集合 |
images[] | 文档中的<img>元素的集合 |
lastModified | 一个字符串,代表文档的最后修改时间 |
links[] | 文档中超链接元素的集合 |
location | 等价于URL属性,一般不提倡使用 |
referrer | 文档的URL,包含把浏览器带到当前文档的链接 |
URL | 一个字符串,声明了装载文档的URL |
title | 位于<title></title>之间的文本 |
记住:一个html文档中的每个<form>元素都会在Document对象的forms[]数组中创建一个带编码的元素,这一规则还适用于<image>、<a>、<applet>,它们分别定义了images[]、links[]、applets[]数组的元素,
除了可以用数组引用这些元素外,如果以Form对象、Image对象或Applet对象对应的HTML标签中设定了name属性,比如:<image name=”a”… />,则name属性的值将被可以用作document对象的属性来引用该元素,如document.a代表的就是前面定义的那个image元素。记住它的使用范围只限于image、form、applet这三种元素
3、Form和Image对象有与标记<form>和<image>的HTML性质相匹配的属性。如<image>可以有widh性质如<img width=””>,则Image对象也有width属性
4、document.write()方法如果是用在事件处理函数中,则当事件发生,write()方法执行时它会擦掉文档原来的所有内容,而只显示出write()方法输出的内容,要避免出现这样的情况,就要使write()方法用在文档解析的过程中,而不是文档解析完了后再调用它,而事件处理函数一般都是在文档解析完成后才有可能调用的,所以会擦掉原来的内容
5、Image对象。
创建一个Image对象:var a=new Image();
定义Image对象的src: a.src=”xxx.gif”;
这样做就相当于给浏览器缓存了一张图片
<image>或由new Image()创建的元素都具有onload、onerror、onabort三个事件(但好像IE浏览器并不支持由Image()创建的图像的onload事件),分别表示图像装载完成、图像装载过程中出现错误、图像还没装载完就取消了它
每个Image对象都有一个complete属性,当图像处于装载过程中时,该属性值false,当发生了onload、onerror、onabort中任何一个事件后,则表示图像装载过程结束(不管成没成功),此时complete属性为true
6、Link对象有许多属性,如href属性,该属性可读可写,这就意味着超链接的链接目标可以动态改变
7、Anchor对象有name属性,因此可以用js操作锚