JavaScript程序设计之惯用文档对象
日期：2014-05-16 浏览次数：20382 次
JavaScript程序设计之常用文档对象
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 : 圆形收缩转换。
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 : 圆形收缩转换。
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
