梦想飞翔

自强不息
posts - 111, comments - 30, trackbacks - 0, articles - 0
  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理

JavaScript 之Window对象

Posted on 2007-08-07 13:08 love1563 阅读(1107) 评论(0)  编辑  收藏 所属分类: JSP/Servlets/JSF

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事件  
语法格式:  

window.releaseEvent(event)  
window.releaseEvent(事件1|事件2|...|事件n)  
功能:释放通过参数传入的已被捕捉的事件,这些事件是由  

window.captureEvent方法设置的,可释放的事件与captureEvent相同。  

29. routeEvent事件  
语法格式:  

window.releaseEvent(event)  
功能:把被捕捉类型的所有事件转交给标准事件处理方法进行处理,可转交的事  

件与captureEvent相同。  

30 scroll事件  
语法格式:  

window.scroll(X坐标,Y坐标)  
功能:将窗口移动到指定的坐标位置。  

6-2-2 window对象的属性  
window对象具有如下属性:  

status   

statusbar   

statusbar.visible   

defaultstatus   

location   

locationbar   

locationbar.visible   

self   

name   

closed   

frames   

frames.length   

length   

document   

history   

innerHeight   

innerWidth   

menubar   

menubar.visible   

opener   

outerHeight   

outerWidth   

pageXOffset   

pageYOffset   

parent   

personalbar   

personalbar.visible   

scrollbar   

scrollbar.visible   

toolbar   

toolbar.visible   

top   

1. status属性  
语法格式:  

window.status=字符串  
功能:设置或给出浏览器窗口中状态栏的当前显示信息。  

小技巧:可以使用该属性设置浏览器窗口状态栏信息。  

   2. statusbar属性  
语法格式:  

window.statusbar.属性  
功能:statusbar属性本身也是一个对象,用于访问它自已的visible属性从而确  

定状态栏是否可见。  

注:IE5.5浏览器不支持该属性。  

3. statusbar.visible属性  
语法格式:  

window.statusbar.visible  
功能:检查状态栏是否可见,如果可见则返回true,反之返回false。  

注:IE5.5浏览器不支持该属性。  

   4. defaultstatus属性  
语法格式:  

window.defaultstatus[=字符串]  
功能:defaultstatus属性值是浏览器窗中状态栏的默认显示信息。  

   5.location属性  
语法格式:  

window.location=URL  
功能:给出当前窗口的URL信息或指定打开窗口的URL。  

   6. locationbar属性  
语法格式:  

window.locationbar.属性  
功能:locationbar属性也可以看成是一个子对象,这个属性用来获取它自已的  

visible属性来确定位置栏是否可见。  

到目前为止,该属性只有一个子属性:visible。  

注:IE5.5不支持该属性。  

7. locationbar.visible属性  
语法格式:  

window.locationbar.visible  
功能:返回位置栏是否可见,如果可见返回true,反之返回false。  

注:IE5.5不支持该属性。  

8. self属性  
语法格式:  

window.self.方法  
window.self.属性  
功能:该属性包含当前窗口的标志,利用这个属性,可以保证在多个窗口被打开  

的情况下,正确调用当前窗口内的函数或属性而不会发生混乱。  

   9. name属性  
语法格式:  

window.name=名称  
功能:返回窗口名称,这个名称是由window.open()方法创建新窗口时给定的。  

在javascript1.0版本中,这个属性只能用于读取窗口名称,而到了  

javascript1.1版本时,可以用这个属性给一个不是用window.open()方法创建的  

窗口指定一个名称。  

   10. closed属性  
语法格式:  

window.closed  
功能:closed属性用于返回指定窗口的实例是否已经关闭,如果关闭,返回true  

,反之返回flase。  

11. frames属性  
语法格式:  

window.frames["框架名称"]  
window.frames[数值]  
功能:frames属性是一个数组,用来存储文档中每一个由元素创建的子窗口(框  

架)实例,其中的下标即可以是次序号也可以是用FRAME元素的NAME属性指定的名  

称来得到并使用。  

12. frames.length属性  
语法格式:  

window.frames.length  
功能:frames.length属性用于给出文档中子窗口(框架)实例的个数。  

13. length属性  
语法格式:  

window.length  
功能:length属性返回一个窗口内的子窗口数目,该属性与  

window.frame.length属性的值相同。  

14. document属性  
语法格式:  

window.document.事件  
window.document.方法  
window.document.属性  
功能:window对象的子对象document是javascript的核心对象,在脚本中遇到  

BODY元素时创建一个实例。  

15. history属性  
语法格式:  

window.history[数值]  
window.history.方法()  
window.history.属性  
window对象的子对象history是javascript的核心对象之一,该属性包含了一个  

已访问过页面的名称和URL的数组。  

16. innerHeight属性  
语法格式:  

window.innerHeight=数值  
功能:返回或指定浏览器窗口中文档的像素高度,这个高度不包括任何工具栏和  

组成窗口的页面修饰高度。  

注:IE5.5不支持该属性。  

17. innerWidth属性  
语法格式:  

window.innerHeight=数值  
功能:返回或指定浏览器窗口中文档的像素宽度,这个宽度不包括任何工具栏和  

组成窗口的页面修饰宽度。  

注:IE5.5不支持该属性。  

18. menubar属性  
语法格式:  

window.menubar.属性  
功能:menubar属性也可以看成是一个子对象,这个属性用来获取它自已的  

visible属性来确定菜单栏是否可见。  

到目前为止,该属性只有一个子属性:visible。  

注:IE5.5不支持该属性。  

19. menubar.visible属性  
语法格式:  

window.menubar.visible  
功能:menubar.visible属性用于返回菜单栏是否可见,如果可见返回true,反  

之返回false。  

注:IE5.5不支持该属性。  
20. opener属性  
语法格式:  

window.opener  
window.opener.方法  
window.opener.属性  
功能:opener属性与打开该窗口的父窗口相联系,当访问子窗口中operer属性时  

,返回的是父窗口。通过该属性,可以使用父窗口对象中的方法和属性。  

21. outerHeight属性  
语法格式:  

window.outerHeight  
功能:outerHeight属性用于访问浏览器窗口的像素高度,该高度包括工具栏和  

装饰边的高度。  

注:IE5.5不支持该属性。  

22. outerWidth属性  
语法格式:  

window.outerWidth  
功能:outerWidth属性用于访问浏览器窗口的像素宽度,该宽度包括工具栏和装  

饰边的宽度。  

注:IE5.5不支持该属性。  

23. pageXOffset属性  
语法格式:  

window.pageXOffset=数值  
功能:指定浏览器窗口中文档左上角在窗口中的当前水平像素位置。在利用  

moveTo移动之前,可以通过该属性来决定是否需要移动窗口。因为该属性返回了  

可见文档相对整个页面的当前位置。  

注:IE5.5不支持该属性。  

24. pageYOffset属性  
语法格式:  

window.pageYOffset=数值  
功能:指定浏览器窗口中文档左上角在窗口中的当前垂直像素位置。在利用  

moveTo移动之前,可以通过该属性来决定是否需要移动窗口。因为该属性返回了  

可见文档相对整个页面的当前位置。  

注:IE5.5不支持该属性。  

25. parent属性  
语法格式:  

window.parent.frames[数值]  
window.parent.framesName  
功能:访问各个子窗口(多框架)所在的父窗口。  

26. personalbar属性  
语法格式:  

window.personalbar.属性  
功能:personalbar属性本身也是一个对象,用于访问其自身的visible属性来确  

定个人栏是否可见。  

注:IE5.5不支持该属性。  

27. personalbar.visible属性  
语法格式:  

window.personalbar.visible  
功能:确定个人栏是否可见,如果可见则返回true,反之返回false。  

注:IE5.5不支持该属性。  

28. scrollbars属性  
语法格式:  

window.scrollbars.属性  
功能:scrollbars属性本身也是一个对象,用于访问其自身的visible属性来确  

定滚动栏是否可见。  

注:IE5.5不支持该属性。  

29. scrollbars.visible属性  
语法格式:  

window.scrollbars.visible  
功能:scrollbars.visible用于确定滚动栏是否可见,如果可见则返回true,反  

之返回false。  

注:IE5.5不支持该属性。  

30. toolbar属性  
语法格式:  

window.toolbar.属性  
功能:toolbar属性本身也是一个对象,用于访问它自已的visible属性从而确定  

工具栏是否可见。  

注:IE5.5不支持该属性。  

31. toolbar.visible属性  
语法格式:  

window.toolbar.visible  
功能:toolbar.visible属性用于检查工具栏是否可见,如果可见则返回true,  

反之返回false。  

注:IE5.5不支持该属性。  

32. top属性  
语法格式:  

window.top.frames[数值]  
window.top.frameName  
window.top.方法()  
window.top.属性  
功能:window对象的top属性用于包含所有装入浏览器的子窗口(多框架)的最顶

使用Window.open方法新建窗口
Window对象表示的是浏览器窗口,它有多种操作,其中一个重要的方法是open,表示新建一个窗口来打开指定页面。例如在a.html中执行以下语句:
window.open("b.html");
则新建一个窗口打开了b.html页面,这和在a.html页面中用一条链接打开页面的效果是一样的:
<a href="b.html" target="_blank">b</html>
但window.open对新建窗口的样式可以有更多的控制,例如:窗口大小、是否显示菜单栏、是否显示滚动条、是否显示地址栏等等。其完整的调用语法如下:
window.open(url,windowName,"name1=value1[,name2=value2,[…]]");
其中:url是要打开的页面地址;windowName表示新建窗口的名字,从而可以对其进行控制;最后是一个用字符串表示的参数列表。每一个参数都是名称和值对应的形式,用逗号隔开,其中可以使用的参数如下。
? height:表示新建窗口的高度;
? width:表示新建窗口的宽度;
? left:表示新建窗口到屏幕左边缘的距离;
? top:表示新建窗口到屏幕顶端的距离。
以上属性的单位均为象素,例如对于800×600的分辨率,left=400则表示新窗口的左边缘处于屏幕的正中间。其余的属性主要是布尔型的,用yes或者1表示开启,用no或者0表示关闭。如果是开启,则yes或者1可省略,例如:toolbar=1等价于toolbar=yes等价于toolbar,下面分别介绍这些属性:
? directories:是否显示链接工具栏;
? location:是否显示地址栏;
? menubar:是否显示菜单栏;
? resizable:是否允许调整窗口大小;
? scrollbars:是否显示滚动条;
? status:是否显示状态栏;
? toolbar:是否显示工具栏。
例如,下面的代码将显示一个无菜单、无工具条、无滚动条的窗口:
window.open("test3.html","","height=200,width=300, toolbar=0,menubar=0,scrollbars=0");

使用定时器实现JavaScript的延期执行或重复执行
window对象提供了两个方法来实现定时器的效果,分别是window.setTimeout()和window.setInterval。其中前者可以使一段代码在指定时间后运行;而后者则可以使一段代码每过指定时间就运行一次。它们的原型如下:
window.setTimeout(expression,milliseconds);
window.setInterval(expression,milliseconds);
其中,expression可以是用引号括起来的一段代码,也可以是一个函数名,到了指定的时间,系统便会自动调用该函数,当使用函数名作为调用句柄时,不能带有任何参数;而使用字符串时,则可以在其中写入要传递的参数。两个方法的第二个参数是milliseconds,表示延时或者重复执行的毫秒数。下面分别介绍两种方法。

1.window.setTimeout方法
该方法可以延时执行一个函数,例如:
<script language="JavaScript" type="text/javascript">
<!--
function hello(){
 alert("hello");
}
window.setTimeout(hello,5000);
//-->
</script>
这段代码将使得页面打开5秒钟后显示对话框“hello”。其中最后一句也可以写为:
window.setTimeout("hello()",5000);
读者可以体会它们的差别,在window.setInterval方法中也有这样的性质。
如果在延时期限到达之前取消延执行,可以使用window.clearTimeout(timeoutId)方法,该方法接收一个id,表示一个定时器。这个id是由setTimeout方法返回的,例如:
<script language="JavaScript" type="text/javascript">
<!--
function hello(){
      alert("hello");
}
var window.clearTimeout(id);
}
//-->
</script>
这样,如果要取消显示,只需单击页面任何一部分,就执行了window.clearTimeout方法,使得超时操作被取消。

2.window.setInterval方法
该方法使得一个函数每隔固定时间被调用一次,是一个很常用的方法。如果想要取消定时执行,和clearTimeout方法类似,可以调用window.clearInterval方法。clearInterval方法同样接收一个setInterval方法返回的值作为参数。例如:
//定义一个反复执行的调用
var somefunction",10000);
//取消定时执行
window.clearInterval(id);
上面的代码仅用于说明怎样取消一个定时执行。实际上在很多场合都需要用到setInterval方法,下面将设计一个秒表,来介绍setInterval函数的用途:该秒表将包括两个按钮和一个用于显示时间的文本框。当单击开始按钮时开始计时,最小单位为0.01秒,此时再次单击按钮则停止计时,文本框显示经过的时间。另外一个按钮用于将当前时间清零。其实现代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
</head>
<body>
<form action="somepage.asp">
<input type="text" value="0" />
<input type="button" value="开始" />
<input type="button" value="重置" />
</form>
</body>
</html>
<script language="JavaScript" type="text/javascript">
<!--
//获取表单中的表单域
var txt=document.forms[0].elements["txt1"];
var btnStart=document.forms[0].elements["btnStart"];
var btnReset=document.forms[0].elements["btnReset"]
//定义定时器的id
var id;
//每10毫秒该值增加1
var seed=0;

btnStart.onclick=function(){
      //根据按钮文本来判断当前操作
      if(this.value=="开始"){
              //使按钮文本变为停止
              this.value="停止";
              //使重置按钮不可用
              btnReset.disabled=true;
              //设置定时器,每0.01s跳一次
              }else{
              //使按钮文本变为开始
              this.value="开始";
              //使重置按钮可用
              btnReset.disabled=false;
              //取消定时
              window.clearInterval(id);
      }
}

//重置按钮
btnReset.onclick=function(){
     seed=0;
}
//让秒表跳一格
function tip(){
      seed++;
      txt.value=seed/100;
}
//-->
</script>
给定时器调用传递参数
无论是window.setTimeout还是window.setInterval,在使用函数名作为调用句柄时都不能带参数,而在许多场合必须要带参数,这就需要想方法解决。例如对于函数hello(_name),它用于针对用户名显示欢迎信息:
var userName="jack";
//根据用户名显示欢迎信息
function hello(_name){
      alert("hello,"+_name);
}
这时,如果企图使用以下语句来使hello函数延迟3秒执行是不可行的:
window.setTimeout(hello(userName),3000);
这将使hello函数立即执行,并将返回值作为调用句柄传递给setTimeout函数,其结果并不是程序需要的。而使用字符串形式可以达到想要的结果:
window.setTimeout("hello(userName)",3000);
这里的字符串是一段JavaScript代码,其中的userName表示的是变量。但这种写法不够直观,而且有些场合必须使用函数名,下面用一个小技巧来实现带参数函数的调用:
<script language="JavaScript" type="text/javascript">
<!--
var userName="jack";
//根据用户名显示欢迎信息
function hello(_name){
       alert("hello,"+_name);
}
//创建一个函数,用于返回一个无参数函数
function _hello(_name){
       return function(){
             hello(_name);
       }
}
window.setTimeout(_hello(userName),3000);
//-->
</script>
这里定义了一个函数_hello,用于接收一个参数,并返回一个不带参数的函数,在这个函数内部使用了外部函数的参数,从而对其调用,不需要使用参数。在window.setTimeout函数中,使用_hello(userName)来返回一个不带参数的函数句柄,从而实现了参数传递的功能。

使用status和defaultStatus属性改变状态栏信息
status和defaultStatus是window对象的属性,用于设置状态栏信息,语法为:
window.status="message";
window.defaultStatus="message";

其中status属性就是用于设置状态栏显示的文本。而defaultStatus表示默认的状态栏信息,例如默认情况下IE浏览器会显示“完毕”,而Firefox浏览器则显示“完成”。可以通过defaultStatus来改变这一信息。
使用alert、prompt和confirm语句与用户进行交互
这三个语句都是弹出一个对话框,来处理用户输入。它们都是window对象的一个方法,在实际使用时,常常省略window,而直接写成alert("hello")类似的形式。下面分别介绍:
1.alert语句
该语句的原型是:
window.alert(message);
alert接收一个参数,该参数将转换为字符串直接显示在对话框上,例如:
alert("hello,ajax");
2.prompt语句
该语句的原型是:
window.prompt(message,defaultValue);
prompt用于让用户输入一个值,其中message表示提示信息,defaultValue表示显示于文本框的初始值;函数返回用户的输入。对话框包括【确定】和【取消】两个按钮,用户单击【确定】按钮则返回文本框中的内容,单击【取消】则返回null。例如:
var userName=window.prompt("请输入您的姓名:","");
alert("hello,"+userName);
其中prompt提示用户输入其姓名,使用userName变量获取用户输入,并显示欢迎信息。

3.confirm语句
该语句的原型是:
window.confirm(message);
其作用是显示一条信息让用户确认,弹出的对话框包括【确定】和【取消】两个按钮,如果用户单击【确定】,则confirm函数返回true,否则返回false。例如下面的语句:
if(confirm("确定删除该记录吗?")){
       //删除记录的操作
}else{
       //不删除记录
}


只有注册用户登录后才能发表评论。


网站导航: