HTML DOM 对象.docx
《HTML DOM 对象.docx》由会员分享,可在线阅读,更多相关《HTML DOM 对象.docx(54页珍藏版)》请在冰豆网上搜索。
HTMLDOM对象
***************************************************************4
浏览器对象4
***************************************************************4
1、Window对象4
1.1、集合4
1.2、属性4
1.3、方法5
1.4、描述6
2、History对象7
2.1、属性7
2.2、方法7
2.3、描述8
3、Location对象8
3.1、属性8
3.2、方法9
4、Navigator对象9
4.1.Navigator对象集合9
4.2、Navigator对象属性9
4.3、Navigator对象方法10
4.4、Navigator对象描述10
***************************************************************10
HTMLDOM对象10
***************************************************************10
1、Document对象10
1.1、集合10
1.2、属性11
1.3、方法11
1.4、描述12
2、Body对象12
2.1、属性12
3、Frame对象12
3.1、属性13
3.2、标准属性13
4、Frameset对象13
4.1、属性14
4.2、标准属性14
5、IFrame对象14
5.1、属性14
5.2、标准属性15
6、Image对象15
6.1、属性15
6.2、标准属性16
6.3、事件句柄16
7、Link对象16
7.1、属性17
7.2、标准属性17
8、Base对象17
9、Event对象18
9.1、事件句柄18
9.2、鼠标/键盘属性19
10、Meta对象19
10.1、属性19
11、Style对象20
11.1、Style对象的属性20
11.2、Background属性20
11.3、Border和Margin属性21
11.4、Layout属性22
11.5、List属性23
11.6、Positioning属性23
11.7、Printing属性24
11.8、Table属性24
11.9、Text属性25
11.10、标准属性26
12、Table对象26
12.1、Table对象集合26
12.2、Table对象属性26
12.3、标准属性27
12.4、Table对象方法27
13、TableCell对象27
13.1、TableCell对象属性28
13.2、标准属性28
14、TableRow对象29
14.1、TableRow对象集合29
14.2、TableRow对象属性29
14.3、TableRow对象方法29
***************************************************************30
HTMLFORM对象30
***************************************************************30
1、Form对象30
1.1、Form对象集合30
1.2、Form对象属性30
1.3、标准属性30
1.4、Form对象方法31
1.5、Form对象事件句柄31
2、Button对象31
2.1、Button对象的属性31
2.2、标准属性32
2.3、Button对象的方法32
3、Checkbox对象32
3.1、Checkbox对象的属性32
3.2、标准属性33
3.3、Checkbox对象的方法33
4、Radio对象33
4.1、Radio对象属性34
4.2、标准属性34
4.3、Radio对象方法35
5、Text对象35
5.1、Text对象属性35
5.2、标准属性36
5.3、Text对象方法36
6、Password对象36
6.1、Password对象属性37
6.2、Password对象方法37
7、Hidden对象37
7.1、Hidden对象的属性38
7.2、标准属性38
8、Submit对象38
8.1、Submit对象属性39
8.2、Submit对象方法39
9、Reset对象39
9.1、Reset对象属性40
9.2、Reset对象方法40
10、Select对象40
10.1、Select对象集合40
10.1、Select对象属性41
10.2、Select对象方法41
10.3、Select对象事件句柄41
11、Option对象42
11.1、Option对象的属性42
12、FileUpload对象42
12.1、FileUpload对象的属性43
12.2、FileUpload对象的方法43
13、Textarea对象43
13.1、Textarea对象属性44
13.2、Textarea对象方法44
13.3、Textarea对象事件句柄44
***************************************************************
浏览器对象
***************************************************************
1、Window对象
Window对象表示浏览器中打开的窗口。
如果文档包含框架(frame或iframe标签),浏览器会为HTML文档创建一个window对象,并为每个框架创建一个额外的window对象。
1.1、集合
集合
描述
frames[]
返回窗口中所有命名的框架。
该集合是Window对象的数组,每个Window对象在窗口中含有一个框架或
属性frames.length存放数组frames[]中含有的元素个数。
注意,frames[]数组中引用的框架可能还包括框架,它们自己也具有frames[]数组。
1.2、属性
属性
描述
closed
返回窗口是否已被关闭。
defaultStatus
设置或返回窗口状态栏中的默认文本。
document
对Document对象的只读引用。
请参阅Document对象。
history
对History对象的只读引用。
请参数History对象。
innerheight
返回窗口的文档显示区的高度。
innerwidth
返回窗口的文档显示区的宽度。
length
设置或返回窗口中的框架数量。
location
用于窗口或框架的Location对象。
请参阅Location对象。
name
设置或返回窗口的名称。
Navigator
对Navigator对象的只读引用。
请参数Navigator对象。
opener
返回对创建此窗口的窗口的引用。
outerheight
返回窗口的外部高度。
outerwidth
返回窗口的外部宽度。
pageXOffset
设置或返回当前页面相对于窗口显示区左上角的X位置。
pageYOffset
设置或返回当前页面相对于窗口显示区左上角的Y位置。
parent
返回父窗口。
Screen
对Screen对象的只读引用。
请参数Screen对象。
self
返回对当前窗口的引用。
等价于Window属性。
status
设置窗口状态栏的文本。
top
返回最顶层的先辈窗口。
window
window属性等价于self属性,它包含了对窗口自身的引用。
∙screenLeft
∙screenTop
∙screenX
∙screenY
只读整数。
声明了窗口的左上角在屏幕上的的x坐标和y坐标。
IE、Safari和Opera支持screenLeft和screenTop,而Firefox和Safari支持screenX和screenY。
1.3、方法
方法
描述
alert()
显示带有一段消息和一个确认按钮的警告框。
blur()
把键盘焦点从顶层窗口移开。
clearInterval()
取消由setInterval()设置的timeout。
clearTimeout()
取消由setTimeout()方法设置的timeout。
close()
关闭浏览器窗口。
confirm()
显示带有一段消息以及确认按钮和取消按钮的对话框。
createPopup()
创建一个pop-up窗口。
focus()
把键盘焦点给予一个窗口。
moveBy()
可相对窗口的当前坐标把它移动指定的像素。
moveTo()
把窗口的左上角移动到一个指定的坐标。
open()
打开一个新的浏览器窗口或查找一个已命名的窗口。
print()
打印当前窗口的内容。
prompt()
显示可提示用户输入的对话框。
resizeBy()
按照指定的像素调整窗口的大小。
resizeTo()
把窗口的大小调整到指定的宽度和高度。
scrollBy()
按照指定的像素值来滚动内容。
scrollTo()
把内容滚动到指定的坐标。
setInterval()
按照指定的周期(以毫秒计)来调用函数或计算表达式。
setTimeout()
在指定的毫秒数后调用函数或计算表达式。
1.4、描述
Window对象表示一个浏览器窗口或一个框架。
在客户端JavaScript中,Window对象是全局对象,所有的表达式都在当前的环境中计算。
也就是说,要引用当前窗口根本不需要特殊的语法,可以把那个窗口的属性作为全局变量来使用。
例如,可以只写document,而不必写window.document。
同样,可以把当前窗口对象的方法当作函数来使用,如只写alert(),而不必写Window.alert()。
除了上面列出的属性和方法,Window对象还实现了核心JavaScript所定义的所有全局属性和方法。
Window对象的window属性和self属性引用的都是它自己。
当你想明确地引用当前窗口,而不仅仅是隐式地引用它时,可以使用这两个属性。
除了这两个属性之外,parent属性、top属性以及frame[]数组都引用了与当前Window对象相关的其他Window对象。
要引用窗口中的一个框架,可以使用如下语法:
frame[i]//当前窗口的框架
self.frame[i]//当前窗口的框架
w.frame[i]//窗口w的框架
要引用一个框架的父窗口(或父框架),可以使用下面的语法:
parent//当前窗口的父窗口
self.parent//当前窗口的父窗口
w.parent//窗口w的父窗口
要从顶层窗口含有的任何一个框架中引用它,可以使用如下语法:
top//当前框架的顶层窗口
self.top//当前框架的顶层窗口
f.top//框架f的顶层窗口
2、History对象
History对象包含用户(在浏览器窗口中)访问过的URL。
History对象是window对象的一部分,可通过window.history属性对其进行访问。
2.1、属性
属性
描述
length
返回浏览器历史列表中的URL数量。
2.2、方法
方法
描述
back()
加载history列表中的前一个URL。
forward()
加载history列表中的下一个URL。
go()
加载history列表中的某个具体页面。
2.3、描述
History对象最初设计来表示窗口的浏览历史。
但出于隐私方面的原因,History对象不再允许脚本访问已经访问过的实际URL。
唯一保持使用的功能只有back()、forward()和go()方法。
例子
下面一行代码执行的操作与单击后退按钮执行的操作一样:
history.back()
下面一行代码执行的操作与单击两次后退按钮执行的操作一样:
history.go(-2)
3、Location对象
Location对象包含有关当前URL的信息。
Location对象是Window对象的一个部分,可通过window.location属性来访问。
3.1、属性
属性
描述
hash
设置或返回从井号(#)开始的URL(锚)。
host
设置或返回主机名和当前URL的端口号。
hostname
设置或返回当前URL的主机名。
href
设置或返回完整的URL。
pathname
设置或返回当前URL的路径部分。
port
设置或返回当前URL的端口号。
protocol
设置或返回当前URL的协议。
search
设置或返回从问号(?
)开始的URL(查询部分)。
3.2、方法
属性
描述
assign()
加载新的文档。
reload()
重新加载当前文档。
replace()
用新的文档替换当前文档。
4、Navigator对象
Navigator对象包含有关浏览器的信息。
4.1.Navigator对象集合
集合
描述
plugins[]
返回对文档中所有嵌入式对象的引用。
该集合是一个Plugin对象的数组,其中的元素代表浏览器已经安装的插件。
Plug-in对象提供的是有关插件的信息,其中包括它所支持的MIME类型的列表。
虽然plugins[]数组是由IE4定义的,但是在IE4中它却总是空的,因为IE4不支持插件和Plugin对象。
4.2、Navigator对象属性
属性
描述
appCodeName
返回浏览器的代码名。
appMinorVersion
返回浏览器的次级版本。
appName
返回浏览器的名称。
appVersion
返回浏览器的平台和版本信息。
browserLanguage
返回当前浏览器的语言。
cookieEnabled
返回指明浏览器中是否启用cookie的布尔值。
cpuClass
返回浏览器系统的CPU等级。
onLine
返回指明系统是否处于脱机模式的布尔值。
platform
返回运行浏览器的操作系统平台。
systemLanguage
返回OS使用的默认语言。
userAgent
返回由客户机发送服务器的user-agent头部的值。
userLanguage
返回OS的自然语言设置。
4.3、Navigator对象方法
方法
描述
javaEnabled()
规定浏览器是否启用Java。
taintEnabled()
规定浏览器是否启用数据污点(datatainting)。
4.4、Navigator对象描述
Navigator对象包含的属性描述了正在使用的浏览器。
可以使用这些属性进行平台专用的配置。
虽然这个对象的名称显而易见的是Netscape的Navigator浏览器,但其他实现了JavaScript的浏览器也支持这个对象。
Navigator对象的实例是唯一的,可以用Window对象的navigator属性来引用它。
***************************************************************
HTMLDOM对象
***************************************************************
1、Document对象
每个载入浏览器的HTML文档都会成为Document对象。
Document对象使我们可以从脚本中对HTML页面中的所有元素进行访问。
提示:
Document对象是Window对象的一部分,可通过window.document属性对其进行访问
1.1、集合
集合
描述
all[]
提供对文档中所有HTML元素的访问。
anchors[]
返回对文档中所有Anchor对象的引用。
applets
返回对文档中所有Applet对象的引用。
forms[]
返回对文档中所有Form对象引用。
images[]
返回对文档中所有Image对象引用。
links[]
返回对文档中所有Area和Link对象引用。
1.2、属性
属性
描述
body
提供对
元素的直接访问。
对于定义了框架集的文档,该属性引用最外层的