网页编程DOM文档资料.docx
《网页编程DOM文档资料.docx》由会员分享,可在线阅读,更多相关《网页编程DOM文档资料.docx(42页珍藏版)》请在冰豆网上搜索。
网页编程DOM文档资料
网页编程DOM文档资料
目录
一HTMLDOM参考手册3
二HTMLDOM实例3
三BROWSER对象参考手册4
3.1Window对象4
3.1.1Closed属性8
3.1.2DefaultStatus属性9
3.1.3Document对象(另类-请参阅3.2)9
3.1.4History对象(请参阅3.5)9
3.1.5Location对象(请参阅3.6)10
3.1.6Name属性10
3.1.7Navigator对象(请参阅3.3)11
3.1.8Opener属性11
3.1.9Screen对象(请参阅3.4)12
3.1.10Self属性12
3.1.11Status属性12
3.1.12Top属性13
3.1.13Alert()方法14
3.1.14Blur()方法15
3.1.15ClearInterval()方法16
3.1.16ClearTimeout()方法16
3.1.17Close()方法18
3.1.18Confirm()方法19
3.1.19CreatePopup()方法20
3.1.20Focus()方法21
3.1.21MoveBy()方法22
3.1.22MoveTo()方法23
3.1.23Open()方法24
3.1.24Print()方法28
3.1.25Prompt()方法29
3.1.26ResizeBy()方法31
3.1.27ResizeTo()方法32
3.1.28ScrollBy()方法32
3.1.29ScrollTo()方法34
3.1.30SetInterval()方法36
3.1.31SetTimeout()方法37
3.2Document对象42
3.3Navigator对象42
3.4Screen对象42
3.5History对象42
3.6Location对象42
四HTMLDOM对象参考手册42
一HTMLDOM参考手册
二HTMLDOM实例
三BROWSER对象参考手册
对象
描述
Window
JavaScript层级中的顶层对象,表示浏览器窗口。
Navigator
包含客户端浏览器的信息。
Screen
包含客户端显示屏的信息。
History
包含了浏览器窗口访问过的URL。
Location
包含了当前URL的信息。
3.1Window对象
Window对象表示浏览器中打开的窗口。
如果文档包含框架(frame或iframe标签),浏览器会为HTML文档创建一个window对象,并为每个框架创建一个额外的window对象。
注释:
没有应用于window对象的公开标准,不过所有浏览器都支持该对象。
IE:
InternetExplorer,F:
Firefox,O:
Opera.
Window对象集合
集合
描述
IE
F
O
frames[]
返回窗口中所有命名的框架。
该集合是Window对象的数组,每个Window对象在窗口中含有一个框架或
属性frames.length存放数组frames[]中含有的元素个数。
注意,frames[]数组中引用的框架可能还包括框架,它们自己也具有frames[]数组。
4
1
9
Window对象属性
属性
描述
IE
F
O
closed
返回窗口是否已被关闭。
4
1
9
defaultStatus
设置或返回窗口状态栏中的默认文本。
4
No
9
document
对Document对象的只读引用。
请参阅Document对象。
4
1
9
history
对History对象的只读引用。
请参数History对象。
4
1
9
innerheight
返回窗口的文档显示区的高度。
No
No
No
innerwidth
返回窗口的文档显示区的宽度。
No
No
No
length
设置或返回窗口中的框架数量。
4
1
9
location
用于窗口或框架的Location对象。
请参阅Location对象。
4
1
9
name
设置或返回窗口的名称。
4
1
9
Navigator
对Navigator对象的只读引用。
请参数Navigator对象。
4
1
9
opener
返回对创建此窗口的窗口的引用。
4
1
9
outerheight
返回窗口的外部高度。
No
No
No
outerwidth
返回窗口的外部宽度。
No
No
No
pageXOffset
设置或返回当前页面相对于窗口显示区左上角的X位置。
No
No
No
pageYOffset
设置或返回当前页面相对于窗口显示区左上角的Y位置。
No
No
No
parent
返回父窗口。
4
1
9
Screen
对Screen对象的只读引用。
请参数Screen对象。
4
1
9
self
返回对当前窗口的引用。
等价于Window属性。
4
1
9
status
设置窗口状态栏的文本。
4
No
9
top
返回最顶层的先辈窗口。
4
1
9
window
window属性等价于self属性,它包含了对窗口自身的引用。
4
1
9
screenLeft
screenTop
screenX
screenY
只读整数。
声明了窗口的左上角在屏幕上的的x坐标和y坐标。
IE、Safari和Opera支持screenLeft和screenTop,而Firefox和Safari支持screenX和screenY。
4
1
9
Window对象方法
方法
描述
IE
F
O
alert()
显示带有一段消息和一个确认按钮的警告框。
4
1
9
blur()
把键盘焦点从顶层窗口移开。
4
1
9
clearInterval()
取消由setInterval()设置的timeout。
4
1
9
clearTimeout()
取消由setTimeout()方法设置的timeout。
4
1
9
close()
关闭浏览器窗口。
4
1
9
confirm()
显示带有一段消息以及确认按钮和取消按钮的对话框。
4
1
9
createPopup()
创建一个pop-up窗口。
4
No
No
focus()
把键盘焦点给予一个窗口。
4
1
9
moveBy()
可相对窗口的当前坐标把它移动指定的像素。
4
1
9
moveTo()
把窗口的左上角移动到一个指定的坐标。
4
1
9
open()
打开一个新的浏览器窗口或查找一个已命名的窗口。
4
1
9
print()
打印当前窗口的内容。
5
1
9
prompt()
显示可提示用户输入的对话框。
4
1
9
resizeBy()
按照指定的像素调整窗口的大小。
4
1
9
resizeTo()
把窗口的大小调整到指定的宽度和高度。
4
1.5
9
scrollBy()
按照指定的像素值来滚动内容。
4
1
9
scrollTo()
把内容滚动到指定的坐标。
4
1
9
setInterval()
按照指定的周期(以毫秒计)来调用函数或计算表达式。
4
1
9
setTimeout()
在指定的毫秒数后调用函数或计算表达式。
4
1
9
Window对象描述
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的顶层窗口
新的顶层浏览器窗口由方法Window.open()创建。
当调用该方法时,应把open()调用的返回值存储在一个变量中,然后使用那个变量来引用新窗口。
新窗口的opener属性反过来引用了打开它的那个窗口。
一般来说,Window对象的方法都是对浏览器窗口或框架进行某种操作。
而alert()方法、confirm()方法和prompt方法则不同,它们通过简单的对话框与用户进行交互。
3.1.1Closed属性
定义和用法
closed属性可返回一个布尔值,该值声明了窗口是否已经关闭。
该属性为只读。
当浏览器窗口关闭时,表示该窗口的Windows对象并不会消失,它将继续存在,不过它的closed属性将设置为true。
语法
window.closed
实例
下面的例子可检测新窗口是否已被关闭:
functionifClosed()
{
document.write("'myWindow'hasbeenclosed!
")
}
functionifNotClosed()
{
document.write("'myWindow'hasnotbeenclosed!
")
}
functioncheckWin()
{
if(myWindow.closed)
ifClosed()
else
ifNotClosed()
}
myWindow=window.open('','','width=200,height=100')
myWindow.document.write("Thisis'myWindow'")
"
onclick="checkWin()">
3.1.2DefaultStatus属性
定义和用法
defaultStatus属性可设置或返回窗口状态栏中的默认文本。
该属性可读可写。
该文本会在页面加载时被显示。
语法
window.defaultStatus=sometext
实例
下面的例子讲在状态栏设置文本:
window.defaultStatus="Thisisthedefaulttextinthestatusbar!
!
";
Lookatthetextinthestatusbar.
3.1.3Document对象(另类-请参阅3.2)
每个载入浏览器的HTML文档都会成为Document对象。
Document对象使我们可以从脚本中对HTML页面中的所有元素进行访问。
提示:
Document对象是Window对象的一部分,可通过window.document属性对其进行访问。
3.1.4History对象(请参阅3.5)
History对象包含用户(在浏览器窗口中)访问过的URL。
History对象是window对象的一部分,可通过window.history属性对其进行访问。
注释:
没有应用于History对象的公开标准,不过所有浏览器都支持该对象。
3.1.5Location对象(请参阅3.6)
Location对象包含有关当前URL的信息。
Location对象是Window对象的一个部分,可通过window.location属性来访问。
3.1.6Name属性
定义和用法
name属性可设置或返回存放窗口的名称的一个字符串。
该名称是在open()方法创建窗口时指定的或者使用一个标记的name属性指定的。
窗口的名称可以用作一个或者
以这种方式使用target属性声明了超链接文档或表单提交结果应该显示于指定的窗口或框架中。
语法
window.name=name
实例
下面的例子可返回新窗口的名称:
functioncheckWin()
{
document.write(myWindow.name)
}
myWindow=window.open('','MyName','width=200,height=100')
myWindow.document.write("Thisis'myWindow'")
"
onclick="checkWin()">
3.1.7Navigator对象(请参阅3.3)
Navigator对象包含有关浏览器的信息。
注释:
没有应用于navigator对象的公开标准,不过所有浏览器都支持该对象。
3.1.8Opener属性
定义和用法
opener属性是一个可读可写的属性,可返回对创建该窗口的Window对象的引用。
opener属性非常有用,创建的窗口可以引用创建它的窗口所定义的属性和函数。
语法
window.opener
提示和注释
注释:
只有表示顶层窗口的Window对象的operner属性才有效,表示框架的Window对象的operner属性无效。
实例
下面的例子可向opener窗口写文本(父窗口):
myWindow=window.open('','MyName','width=200,height=100')
myWindow.document.write("Thisis'myWindow'")
myWindow.focus()
myWindow.opener.document.write("Thisistheparentwindow")
3.1.9Screen对象(请参阅3.4)
Screen对象包含有关客户端显示屏幕的信息。
注释:
没有应用于screen对象的公开标准,不过所有浏览器都支持该对象。
3.1.10Self属性
定义和用法
self属性可返回对窗口自身的只读引用。
等价于Window属性。
语法
window.self
实例
下面的例子窗口是否在一个框架中,如果是,则跳出框架:
functionbreakout()
{
if(window.top!
=window.self)
{
window.top.location="tryjs_breakout.htm"
}
}
value="Breakoutofframe!
">
3.1.11Status属性
定义和用法
status属性可设置或返回窗口状态栏中的文本。
语法
window.status=sometext
说明
status属性是一个可读可写的字符串,声明了要在窗口状态栏中显示的一条消息。
通常显示这条消息的时间是有限的,直到其他的消息将它覆盖,或者用户把鼠标移动到窗口的其他区域为止。
当擦除了status声明的消息时,状态栏要么恢复为它默认的空白状态,要么是再次显示出属性defaultStatus声明的默认消息。
据我们所知,不少浏览器已经关闭了脚本化它们的状态栏的功能。
这是一项安全措施,防止隐藏了超链接真正目的的钓鱼攻击。
实例
下面的例子讲在状态栏设置文本:
window.status="Sometextinthestatusbar!
!
"
3.1.12Top属性
定义和用法
top属性返回最顶层的先辈窗口。
该属性返回对一个顶级窗口的只读引用。
如果窗口本身就是一个顶级窗口,top属性存放对窗口自身的引用。
如果窗口是一个框架,那么top属性引用包含框架的顶层窗口。
语法
window.top
实例
下面的例子窗口是否在一个框架中,如果是,则跳出框架:
functionbreakout()
{
if(window.top!
=window.self)
{
window.top.location="tryjs_breakout.htm"
}
}
3.1.13Alert()方法
定义和用法
alert()方法用于显示带有一条指定消息和一个OK按钮的警告框。
语法
alert(message)
参数
描述
message
要在window上弹出的对话框中显示的纯文本(而非HTML文本)
实例:
显示带有折行的对话框
functiondisp_alert()
{
alert("再打个招呼。
这里演示了"+"\n"+"如何在消息框中添加折行。
")
}
3.1.14Blur()方法
定义和用法
blur()方法可把键盘焦点从顶层窗口移开。
语法
window.blur()
说明
方法blur()可把键盘焦点从顶层浏览器窗口移走,整个窗口由Window对象指定。
哪个窗口最终获得键盘焦点并没有指定。
提示和注释
注释:
在某些浏览器上,该方法可能无效。
实例:
从新窗口移开焦点
myWindow=window.open('','','width=200,height=100')
myWindow.document.write("Thisis'myWindow'")
myWindow.blur()
3.1.15ClearInterval()方法
定义和用法
clearInterval()方法可取消由setInterval()设置的timeout。
clearInterval()方法的参数必须是由setInterval()返回的ID值。
语法
clearInterval(id_of_setinterval)
参数
描述
id_of_setinterval
由setInterval()返回的ID值。
实例
下面这个例子将每隔50毫秒调用clock()函数。
您也可以使用一个按钮来停止这个clock:
varint=self.setInterval("clock()",50)
functionclock()
{
vart=newDate()
document.getElementById("clock").value=t
}
Stopinterval
3.1.16ClearTime