JSwindow事件全集解析
js-window对象的⽅法和属性资料
hxpd 发表于 2007-05-08 21:58:18 熟练window对象的open、close、alert、confirm、prompt、setTimeout、clearTimeout、 setInterval、clearInterval、moveBy、resizeBy、scrollBy⽅法的使⽤
掌握window对象的moveTo、resizeTo、scrollTo、print⽅法的使⽤
熟练掌握window对象的status、location、name、self、opener属性的使⽤ Window对象是客户端javascript最⾼层对象之⼀，只要打开浏览器窗⼝，不管该窗⼝中是否有打开的⽹页，当遇到BODY、FRAMESET或 FRAME元素时，都会⾃动建⽴window对象的实例。另外，该对象的实例也可由window.open()⽅法创建。由于window对象是其它⼤部分对象的共同祖先，在调⽤window对象的⽅法和属性时，可以省略window对象的引⽤。例如：window.document.write()可以简写成： document.write()。在窗⼝中觖发本窗⼝对象的任何⽅法和属性时可以省去窗⼝的实例名称。例如给当前的myWin窗⼝设置status属性时，可以只⽤status⽽不⽤ myWin.status。但是，在事件处理中调⽤location 属性、close()⽅法或open()⽅法时必须使⽤实例名称。
6-2-1 window对象的⽅法
window对象有以下⽅法：
open
close
alert
confirm
prompt
setTimeout
clearTimeout
setInterval
clearInterval
moveBy
moveTo
resizeBy
resizeTo
scrollBy
scrollTo
find
back
forward
home
stop
print
blur
focus
captureEvent
enableExternalCapture
disableExternalCapture
handleEvent
releaseEvent
scroll
1. open⽅法
语法格式：
window.open(URL，窗⼝名称，窗⼝风格)
功能：打开⼀个新的窗⼝，并在窗⼝中装载指定URL地址的⽹页。
说明：
open⽅法⽤于打开⼀个新的浏览器窗⼝，并在新窗⼝中装⼊⼀个指定的URL地址；
open⽅法在打开⼀个新的浏览器窗⼝时，还可以指定窗⼝的名称(第⼆个参数)；
open⽅法在打开⼀个新的浏览器窗⼝时，还可以指定窗⼝的风格(第三个参数)，
窗⼝风格有以下选项，这些选项可以多选，如果多选，各选项之间⽤逗号分隔：
toolbar：指定窗⼝是否有标准⼯具栏。当该选项的值为1或yes时，表⽰有标准⼯具栏，当该选项的值为0或no时，表⽰没有标准⼯具栏；location：指定窗⼝是否有地址⼯具栏，选项的值及含义与toolbar相同；
directories：指定窗⼝是否有链接⼯具栏，选项的值及含义与toolbar相同；
status：指定窗⼝是否有状态栏，选项的值及含义与toolbar相同；
menubar：指定窗⼝是否有菜单，选项的值及含义与toolbar相同；
scrollbar：指定当前窗⼝⽂档⼤于窗⼝时是否有滚动条，选项的值及含义与toolbar相同；
resizable：指定窗⼝是否可改变⼤⼩，选项的值及含义与toolbar相同；
width：以像素为单位指定窗⼝的宽度，已被innerWidth取代；
height：以像素为单位指定窗⼝的⾼度，已被innerHeight取代；
outerWidth：以像素为单位指定窗⼝的外部宽度；
outerHeight：以像素为单位指定窗⼝的外部⾼度；
left：以像素为单位指定窗⼝距屏幕左边的位置；
top：以像素为单位指定窗⼝距屏幕顶端的位置；
alwaysLowered：指定窗⼝隐藏在所有窗⼝之后，选项的值及含义与toolbar相同；
alwaysRaised：指定窗⼝浮在所有窗⼝之上，选项的值及含义与toolbar相同；
dependent：指定打开的窗⼝为当前窗⼝的⼀个⼦窗⼝，并随着⽗窗⼝的关闭⽽关闭，选项的值及含义与toolbar相同；
hotkeys：在没有菜单栏的新窗⼝中设置安全退出的热键，选项的值及含义与toolbar相同；
innerHeight：设定窗⼝中⽂档的像素⾼度；
innerWidth：设定窗⼝中⽂档的像素宽度；
screenX：设定窗⼝距离屏幕左边界的像素长度；
screenY：设定窗⼝距离屏幕上边界的像素长度；
titleBar：指明标题栏是否在新窗⼝中可见，选项的值及含义与toolbar相同；
z-look：指明当窗⼝被激活时，不能浮在其它窗⼝之上，选项的值及含义与toolbar相同。
open⽅法返回的是该窗⼝的引⽤。
⼩技巧：该⽅法经常⽤于在打开⼀个⽹页时⾃动打开另⼀个窗⼝。
例6-2-1：编制⼀个⼩程序，它⽤于在打开当前窗⼝时⾃动打开另⼀个窗⼝，要
求该窗没有标准⼯具栏、地址栏、链接⼯具栏、菜单栏，但有状态栏，窗⼝中打
开的⽹页地址为：。
语法格式：
window.close()
功能：close⽅法⽤于⾃动关闭浏览器窗⼝。
3. alert⽅法
语法格式：
window.alert(提⽰字符串)
功能：弹出⼀个警告框，在警告框内显⽰提⽰字符串⽂本。
4. confirm⽅法
blur事件
语法格式：
功能：显⽰⼀个确认框，在确认框内显⽰提⽰字符串，当⽤户单击“确定”按钮
时该⽅法返回true，单击“取消”时返回false。
5. prompt⽅法
语法格式：
window.prompt(提⽰字符串，缺省⽂本)
功能：显⽰⼀个输⼊框，在输⼊框内显⽰提⽰字符串，在输⼊⽂本框显⽰缺省⽂本，并等待⽤户输⼊，当⽤户单击“确定”按钮时，返回⽤户输⼊的字符串，当
单击“取消”按钮时，返回null值。
6. setTimeout⽅法
语法格式：
window.setTimeout(代码字符表达式，毫秒数)
功能：定时设置，当到了指定的毫秒数后，⾃动执⾏代码字符表达式。
7. clearTimeout⽅法
语法格式：
window.clearTimeout(定时器)
功能：取消以前的定时设置，其中的参数是⽤setTimeout设置时的返回值。8. setInterval⽅法
语法格式：
window.setInterval(代码字符表达式，毫秒数)
功能：设定⼀个时间间隔后(第⼆个参数)，反复执⾏“代码字符表达式”的内容9. clearInterval⽅法
语法格式：
window.clearInterval(时间间隔器)
功能：取消setInterval设置的定时。其中的参数是setInterval⽅法的返回值。10. moveBy⽅法
语法格式：
功能：按照给定像素参数移动指定窗⼝。第⼀个参数是窗⼝⽔平移动的像素，第
⼆个参数是窗⼝垂直移动的像素。
语法格式：
功能：将窗⼝移动到指定的指定坐标(x,y)处。
12. resizeBy⽅法
语法格式：
功能：将当前窗⼝改变指定的⼤⼩(x,y)，当x、y的值⼤于0时为扩⼤，⼩于0时为缩⼩。
13. resizeTo⽅法
语法格式：
功能：将当前窗⼝改变成(x,y)⼤⼩，x、y分别为宽度和⾼度。
14. scrollBy⽅法
语法格式：
window.scrollBy(⽔平位移量，垂直位移量)
功能：将窗⼝中的内容按给定的位移量滚动。参数为正数时，正向滚动，否则反向滚动。
15. scrollTo⽅法
语法格式：
window.scrollTo(x,y)
功能：将窗⼝中的内容滚动到指定位置。
16.find⽅法
语法格式：
window.find()
功能：当触发该⽅法时，将弹出⼀个“find”(查)对话窗⼝，并允许⽤户在触
发find⽅法的页⾯中查⼀个字符串。
注：该属性在IE5.5及Netscape6.0中都不⽀持。
17. back⽅法
语法格式：
window.back()
功能：模拟⽤户点击浏览器上的“后退”按钮，将页⾯转到浏览器的上⼀页。
说明：仅当当前页⾯存在上⼀页时才能进⾏该操作。
注：IE5.5不⽀持该⽅法，Netscape6.0⽀持。
18. forward⽅法
语法格式：
window.forward()
功能：模拟⽤户点击浏览器上的“前进”按钮，将页⾯转到浏览器的下⼀页。
说明：仅当当前页⾯存在下⼀页时才能进⾏该操作。
注：IE5.5不⽀持该⽅法，Netscape6.0⽀持。
19. home⽅法
语法格式：
window.home()
功能：模拟⽤户点击浏览器上的“主页”按钮，将页⾯转到指定的页⾯上。
注：IE5.5不⽀持该⽅法，Netscape6.0⽀持。
20. stop⽅法
语法格式：
window.stop()
功能：模拟⽤户点击浏览器上的“停⽌”按钮，终⽌浏览器的下载操作。
注：IE5.5不⽀持该⽅法，Netscape6.0⽀持。
21. print⽅法
语法格式：
window.print()
功能：模拟⽤户点击浏览器上的“打印”按钮，通知浏览器打开打印对话框打印
当前页。
22. blur⽅法
语法格式：
window.blur()
功能：从窗⼝中移出焦点。当与focus⽅法合⽤时必须⼩⼼，因为可能导致焦点不断移进移出。
23. focus⽅法
语法格式：
window.focus()
功能：使窗⼝中得到焦点。当与blur⽅法合⽤时必须⼩⼼，因为可能导致焦点不断移进移出。
24. captureEvent⽅法
语法格式：
window.captureEvent(Event)
window.captureEvent(事件1|事件2|...|事件n)
功能：捕捉指定参数的所有事件。由于能够捕获哪些由本地程序⾃⼰处理的事件，所以程序员可以随意定义函数来处理事件。如果有多个事件需要捕捉，各事件之间⽤管道符“|”隔开。可捕捉的事件类型如下：
Event.ABORT
Event.BLUR
Event.CHANGE
Event.CLICK
Event.DBLCLICK

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。