分享
 
 
 

&#106avascript : WINDOW FOR &#106avascript

王朝system·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

熟练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(水平位移量,垂直位移量)

功能:按照给定像素参数移动指定窗口。第一个参数是窗口水平移动的像素,第

二个参数是窗口垂直移动的像素。

11.moveTo方法

语法格式:

window.moveTo(x,y)

功能:将窗口移动到指定的指定坐标(x,y)处。

12. resizeBy方法

语法格式:

window.resizeBy(水平,垂直)

功能:将当前窗口改变指定的大小(x,y),当x、y的值大于0时为扩大,小于0时

为缩小。

13. resizeTo方法

语法格式:

window.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

Event.DRAGDROP

Event.ERROR

Event.FOCUS

Event.KEYDOWN

Event.KEYPRESS

Event.KEYUP

Event.LOAD

Event.MOUSEDOWN

Event.MOUSUEMOVE

Event.MOUSEOUT

Event.MOUSEOVER

Event.MOUSEUP

Event.MOVE

Event.RESET

Event.RESIZE

Event.SELECT

Event.SUBMIT

Event.UNLOAD

25. enableExternalCapture事件

语法格式:

window.enableExternalCapture(event)

功能:enableExternalCapture方法用于捕捉通过参数传入的外部事件。

26. disableExternalCapture事件

语法格式:

window.disableExternalCapture()

功能:取消enableExternalCapture方法的设置,终止对外部事件的捕捉。

27. handleEvent事件

语法格式:

window.handleEvent(event)

功能:触发指定事件的事件处理器。

28. releaseEvent事件

语法格式:

[1] [2] 下一页

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有