JavaScript程序设计之常用文档对象
浏览数：17 /
时间：2015年06月08日
1.文档对象
（1）文档对象的属性及说明
all[] 提供对文档中所有 HTML 元素的访问。
anchors[] 返回对文档中所有 Anchor 对象的引用。
applets 返回对文档中所有 Applet 对象的引用。
forms[] 返回对文档中所有 Form 对象引用。
images[] 返回对文档中所有 Image 对象引用。
links[] 返回对文档中所有 Area 和 Link 对象引用。
Document 对象属性
body 提供对 <body> 元素的直接访问。对于定义了框架集的文档，该属性引用最外层的 <frameset>。
cookie 设置或返回与当前文档有关的所有 cookie。
domain 返回当前文档的域名。
lastModified 返回文档被最后修改的日期和时间。
referrer 返回载入当前文档的文档的 URL。
title 返回当前文档的标题。
URL 返回当前文档的 URL。
（2）文档对象方法
close() 关闭用 document.open() 方法打开的输出流，并显示选定的数据。
getElementById() 返回对拥有指定 id 的第一个对象的引用。
getElementsByName() 返回带有指定名称的对象集合。
getElementsByTagName() 返回带有指定标签名的对象集合。
open() 打开一个流，以收集来自任何 document.write() 或 document.writeln() 方法的输出。
write() 向文档写 HTML 表达式 或 JavaScript 代码。
writeln() 等同于 write() 方法，不同的是在每个表达式之后写一个换行符。
（3）文档对象的事件
onload事件，发生在装载页面后
onunload，发生在离开页面前
2.窗体对象
（1）窗体对象的属性及说明
action 设置或返回表单的 action 属性。
enctype 设置或返回表单用来编码内容的 MIME 类型。
id 设置或返回表单的 id。
length 返回表单中的元素数目。
method 设置或返回将数据发送到服务器的 HTTP 方法。
name 设置或返回表单的名称。
target 设置或返回表单提交结果的 Frame 或 Window 名。
elements[] 包含表单中所有元素的数组。
（2）窗体对象方法
submit() 用于提交一个表单，不需要提交按钮来实现。<input type="submit"/>
reset() 用于清除一个表单，不需要清除按钮来实现。<input type="reset"/>
注：窗体使用上面两方法时不会触发onsubmit和onreset事件
（3）窗体对象的时件
onsubmit事件，用户在单击“提交”按钮时触发
onreset事件。用户在单击“重置”按钮时触发
3.锚点对象
anchors数组中包括文档中的所有锚点标记（<a>...</a>)
语法格式：
length，获取文档中锚点的总数
[number=]document.anchors.length
获取某一锚点name的参值
[gName=]document.anchors.name
获取锚点id的参值
[gId=]document.anchors.id
4.链接对象
链接的属性及说明
charset 设置或返回目标 URL 的字符编码。
disabled 设置或返回目标 URL 是否当被禁用。
href 设置或返回被链接资源的 URL。
hreflang 设置或返回目标 URL 的基准语言。
id 设置或返回某个 <link> 元素的 id。
media 设置或返回文档显示的设备类型。
name 设置或返回 <link> 元素的名称。
rel 设置或返回当前文档与目标 URL之间的关系。
rev 设置或返回目标 URL 与当前文档之间的关系。
type 设置或返回目标 URL 的 MIME 类型。
target 链接的目标窗口打开方式，包括_parent,_blank,_self,_top
5.图片对象
这里主要讲的是图片的多样性显示
网页变换效果（Trans）共分四大类：
"进入网页"（Page-Enter）
"离开网页"（Page-Exit）
"进入站点"（Site-Enter）
"离开站点"（Site-Exit）
语法格式如下：
Filter:revealtrans(duration=转换的秒数,transition=转换的类型)
transition参数值
0 : 矩形收缩转换。
1 : 矩形扩张转换。
2 : 圆形收缩转换。
3 : 圆形扩张转换。
4 : 向上擦除。
5 : 向下擦除。
6 : 向右擦除。
7 : 向左擦除。
8 : 纵向百叶窗转换。
9 : 横向百叶窗转换。
10 : 国际象棋棋盘横向转换。
11 : 国际象棋棋盘纵向转换。
12 : 随机杂点干扰转换。
13 : 左右关门效果转换。
14 : 左右开门效果转换。
15 : 上下关门效果转换。
16 : 上下开门效果转换。
17 : 从右上角到左下角的锯齿边覆盖效果转换。
18 : 从右下角到左上角的锯齿边覆盖效果转换。
19 : 从左上角到右下角的锯齿边覆盖效果转换。
20 : 从左下角到右上角的锯齿边覆盖效果转换。
21 : 随机横线条转换。
22 : 随机竖线条转换。
23 : 随机使用上面可能的值转换。
例：随机垂直线条效果 代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=22)">
（1）文档对象的属性及说明
all[] 提供对文档中所有 HTML 元素的访问。
anchors[] 返回对文档中所有 Anchor 对象的引用。
applets 返回对文档中所有 Applet 对象的引用。
forms[] 返回对文档中所有 Form 对象引用。
images[] 返回对文档中所有 Image 对象引用。
links[] 返回对文档中所有 Area 和 Link 对象引用。
Document 对象属性
body 提供对 <body> 元素的直接访问。对于定义了框架集的文档，该属性引用最外层的 <frameset>。
cookie 设置或返回与当前文档有关的所有 cookie。
domain 返回当前文档的域名。
lastModified 返回文档被最后修改的日期和时间。
referrer 返回载入当前文档的文档的 URL。
title 返回当前文档的标题。
URL 返回当前文档的 URL。
（2）文档对象方法
close() 关闭用 document.open() 方法打开的输出流，并显示选定的数据。
getElementById() 返回对拥有指定 id 的第一个对象的引用。
getElementsByName() 返回带有指定名称的对象集合。
getElementsByTagName() 返回带有指定标签名的对象集合。
open() 打开一个流，以收集来自任何 document.write() 或 document.writeln() 方法的输出。
write() 向文档写 HTML 表达式 或 JavaScript 代码。
writeln() 等同于 write() 方法，不同的是在每个表达式之后写一个换行符。
（3）文档对象的事件
onload事件，发生在装载页面后
onunload，发生在离开页面前
2.窗体对象
（1）窗体对象的属性及说明
action 设置或返回表单的 action 属性。
enctype 设置或返回表单用来编码内容的 MIME 类型。
id 设置或返回表单的 id。
length 返回表单中的元素数目。
method 设置或返回将数据发送到服务器的 HTTP 方法。
name 设置或返回表单的名称。
target 设置或返回表单提交结果的 Frame 或 Window 名。
elements[] 包含表单中所有元素的数组。
（2）窗体对象方法
submit() 用于提交一个表单，不需要提交按钮来实现。<input type="submit"/>
reset() 用于清除一个表单，不需要清除按钮来实现。<input type="reset"/>
注：窗体使用上面两方法时不会触发onsubmit和onreset事件
（3）窗体对象的时件
onsubmit事件，用户在单击“提交”按钮时触发
onreset事件。用户在单击“重置”按钮时触发
3.锚点对象
anchors数组中包括文档中的所有锚点标记（<a>...</a>)
语法格式：
length，获取文档中锚点的总数
[number=]document.anchors.length
获取某一锚点name的参值
[gName=]document.anchors.name
获取锚点id的参值
[gId=]document.anchors.id
4.链接对象
链接的属性及说明
charset 设置或返回目标 URL 的字符编码。
disabled 设置或返回目标 URL 是否当被禁用。
href 设置或返回被链接资源的 URL。
hreflang 设置或返回目标 URL 的基准语言。
id 设置或返回某个 <link> 元素的 id。
media 设置或返回文档显示的设备类型。
name 设置或返回 <link> 元素的名称。
rel 设置或返回当前文档与目标 URL之间的关系。
rev 设置或返回目标 URL 与当前文档之间的关系。
type 设置或返回目标 URL 的 MIME 类型。
target 链接的目标窗口打开方式，包括_parent,_blank,_self,_top
5.图片对象
这里主要讲的是图片的多样性显示
网页变换效果（Trans）共分四大类：
"进入网页"（Page-Enter）
"离开网页"（Page-Exit）
"进入站点"（Site-Enter）
"离开站点"（Site-Exit）
语法格式如下：
Filter:revealtrans(duration=转换的秒数,transition=转换的类型)
transition参数值
0 : 矩形收缩转换。
1 : 矩形扩张转换。
2 : 圆形收缩转换。
3 : 圆形扩张转换。
4 : 向上擦除。
5 : 向下擦除。
6 : 向右擦除。
7 : 向左擦除。
8 : 纵向百叶窗转换。
9 : 横向百叶窗转换。
10 : 国际象棋棋盘横向转换。
11 : 国际象棋棋盘纵向转换。
12 : 随机杂点干扰转换。
13 : 左右关门效果转换。
14 : 左右开门效果转换。
15 : 上下关门效果转换。
16 : 上下开门效果转换。
17 : 从右上角到左下角的锯齿边覆盖效果转换。
18 : 从右下角到左上角的锯齿边覆盖效果转换。
19 : 从左上角到右下角的锯齿边覆盖效果转换。
20 : 从左下角到右上角的锯齿边覆盖效果转换。
21 : 随机横线条转换。
22 : 随机竖线条转换。
23 : 随机使用上面可能的值转换。
例：随机垂直线条效果 代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=22)">
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
