- 爱易网页
-
JavaSript
- js-window对象的步骤和属性资料
日期:2014-05-16 浏览次数:20436 次
js-window对象的方法和属性资料
熟练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
routeEvent
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 :编制一个小程序,它用于在打开当前窗口时自动打开另一个窗口,要
求该窗没有标准工具栏、地址栏、链接工具栏、菜单栏,但有状态栏,窗口中打
开的网页地址为: http://www.dlrtvu.edu.cn 。
2. close 方法
语法格式:
window.close()
功能: close 方法用于自动关闭浏览器窗口。
3. alert 方法
语法格式:
window.alert( 提示字符串 )
功能:弹出一个警告框,在警告框内显示提示字符串文本。
4. confirm 方法
语法格式:
window.confirm( 提示字符串 )
功能:显示一个确认框,在确认框内显示提示字符串,当用户单击“确定”按钮
时该方法返回 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 方法
语法格式:
window.moveBy( 水平位移量 , 垂直位移量 )
功能:按照给定像素参数移动指定窗口。第一个参数是窗口水平移动的像素,第