`
drluorose
  • 浏览: 5705 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JavaScript 调用window函数

 
阅读更多

JavaScript 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
:指定窗口是否有标准工具栏。当该选项的值为1yes时,表示有标准

工具栏,当该选项的值为0no时,表示没有标准工具栏;
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),当xy的值大于0时为扩大,小于0

为缩小。

13. resizeTo
方法
语法格式:

window.resizeTo(
水平宽度,垂直宽度)
功能:将当前窗口改变成(x,y)大小,xy分别为宽度和高度。

14. scrollBy
方法
语法格式:

window.scrollBy(
水平位移量,垂直位移量)
功能:将窗口中的内容按给定的位移量滚动。参数为正数时,正向滚动,否则反

向滚动。

15. scrollTo
方法
语法格式:

window.scrollTo(x,y)
功能:将窗口中的内容滚动到指定位置。

16.find
方法
语法格式:

window.find()
功能:当触发该方法时,将弹出一个“find”(查找)对话窗口,并允许用户在触

find方法的页面中查找一个字符串。

注:该属性在IE5.5Netscape6.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对象的子对象documentjavascript的核心对象,在脚本中遇到

BODY
元素时创建一个实例。

15. history
属性
语法格式:

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

已访问过页面的名称和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,表示延时或者重复执行的毫秒数。下面分别介绍两种方法。
1window.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)来返回一个不带参数的函数句柄,从而实现了参数传递的功能。

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

其中status属性就是用于设置状态栏显示的文本。而defaultStatus表示默认的状态栏信息,例如默认情况下IE浏览器会显示完毕,而Firefox浏览器则显示完成。可以通过defaultStatus来改变这一信息。
使用alertpromptconfirm语句与用户进行交互
这三个语句都是弹出一个对话框,来处理用户输入。它们都是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变量获取用户输入,并显示欢迎信息。

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

分享到:
评论

相关推荐

    JavaScript调用window函数.docx

    JavaScript调用window函数.docx

    Javascript调用C#函数示例程序

    一个在HTML中使用Javascript的window.external调用C#内函数的示例程序。该方法可应用于网页程序开发中的网页-程序沟通,例如用C#的IHTMLWindow2.execScript替换HTML默认Javascript方法使其直接与C#传参、通讯。

    qt 调用javascript函数 带参数

    在qt中调用javascript 已在linux中编译好 qt4.5

    重写javascript中window.confirm的行为

    javascript中window.confirm这个方法很好用,可以弹出一个确认对话框我们之所以弹出这个对话框,可能就是因为该操作很危险,所以要用户确认。但如果默认选择”确定”,则可能违背了这个原则。 另外,confirm对话框的...

    JavaScript直接调用函数与call调用的区别实例分析

    本文实例讲述了JavaScript直接调用函数与call调用的区别。分享给大家供大家参考,具体如下: 直接调用 直接调用函数是最常见 最普通的方式,直接以函数附加的对象作为调用者, 在函数后括号内传入参数来调用函数 例如:...

    JavaScript函数调用堆栈loader

    webpack loader,记录JavaScript函数调用堆栈到字符串window.dxj中,该堆栈可格式化进一步对比分析 也可保存不同时刻的对象进行对比分析

    javascript函数的解释

    47.当在超链接中调用JS函数时用:(javascript:)来开头后面加函数名 48.在老的浏览器中不执行此JS:&lt;!-- //--&gt; 49.引用一个文件式的JS:&lt;script type="text/javascript" src="aaa.js"&gt; 50.指定在不支持脚本的浏览器显示...

    Javascript调用函数方法的几种方式介绍

    主要介绍了Javascript调用函数方法的几种方式介绍,本文讲解了func()、(function(arg){})(window)、func.bind(sth)()、func.call()、func.apply()等5种方式,需要的朋友可以参考下

    Javascript 函数的四种调用模式

    Javascript 函数的四种调用模式 1 函数模式  最普通的函数调用 // 声明式函数 function fn1 () { console.log(this); } // 函数表达式函数 var fn2 = function() { console.log(this); }; // 调用 函数中this...

    JavaScript 函数调用规则

    JavaScript函数调用规则一 (1)全局函数调用: function makeArray( arg1, arg2 ){ return [this , arg1 , arg2 ]; } 这是一个最常用的定义函数方式。相信学习JavaScript的人对它的调用并不陌生。 调用代码如下: ...

    javascript异步调用库

    实现javascript异步调用 API: window.asyncall(function/functionName[,args,...][,function callback]) 参数说明: function/functionName:方法或方法名称 args:目标方法参数 callback:回调函数...

    javascript 调用其他页面的js函数或变量的脚本

    调用函数、变量的方法一样,都是需要首先获得你需要调用的函数所在的window对象,然后通过window.method()或者 window.variable 来调用。 下面的示例演示了一个弹出窗口如何调用起父窗口中的方法和变量。 父窗口...

    javascript函数的四种调用模式

    1、介绍 先介绍一下函数的调用模式有哪四种: 函数调用模式, 方法调用模式, 构造函数调用模式, 上下文调用模式;...在上述代码中,fn1也就是函数调用模式中的this是指向Window的,而返回值是由return决定。

    javascript 函数调用的对象和方法

    如果你真正理解Javascript函数是如何调用工作的,那么就可以避免一些bug的发生; 首先让我们创建一个简单的函数,这个函数将在下文中使用,这个函数仅仅返回当前的this的值和两个提供的参数. 代码如下: function make...

    Love.js-Api-Player:创建为love.js和javascript之间的活页夹,使其能够从lua代码中调用javascript函数

    创建为love.js和javascript之间的活页夹,使其能够从lua代码中调用javascript函数 这个怎么运作 它包装了window.console日志记录函数,并且它是作为JS函数传递的字符串,它仍然保持旧控制台的正确功能,除非将密钥...

    浅析JavaScript函数的调用模式

    我们说一个函数的调用模式是作为一个函数来调用,是要与其它三种调用模式做区分 函数其他的三种调用: 方法调用模式,构造器调用模式,apply/call调用模式。  方法的调用模式:  var obj={ fun1: function(){ //...

    javascript针对不确定函数的执行方法

    本文实例分析了javascript针对不...利用window[函数名] 来代表该function对象,用window[函数名]()来执行或调用该函数。 例子: &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html

    JavaScript this调用规则说明

    JavaScript函数调用规则一 (1)全局函数调用: 代码如下: function makeArray( arg1, arg2 ){ return [this , arg1 , arg2 ]; } 这是一个最常用的定义函数方式。相信学习JavaScript的人对它的调用并不陌生。 调用代码...

    Javascript this 函数深入详解

    .1直接调用函数则为this则指向window对象 .2类调用时候指向这个类 .3 方法.apply(obg) ;此时这个方法内部的this指向 obj 不传参数 则指向window .4 function 作为构造函数时, 内部this 指向这个新创建出来的对象 ...

Global site tag (gtag.js) - Google Analytics