首页 理论教育 基于JavaScript网页编程:window对象方法

基于JavaScript网页编程:window对象方法

时间:2023-10-18 理论教育 版权反馈
【摘要】:表4.1window对象的方法1.alert()方法alert()方法用于显示带有一条指定消息和一个确定按钮的警告框。图4.1例4.1的运行结果在用户单击“确定”按钮或关闭按钮把对话框关闭之前,它将阻止用户对浏览器的所有输入。表4.5setInterval()方法的参数返回值:一个可以传递给window.clearInterval()方法作为参数从而取消对code的周期性执行的值。例4.8:运行网页,单击“关闭mywindow”按钮,结果为网页加载时浏览器新建的选项卡窗口被关闭。

基于JavaScript网页编程:window对象方法

window对象的方法见表4.1。

表4.1 window对象的方法

1.alert()方法

alert()方法用于显示带有一条指定消息和一个确定按钮的警告框。语法如下:

参数描述见表4.2。

表4.2 alert()方法的参数

例4.1:

运行网页,单击“显示alert对话框”按钮,结果为浏览器中弹出警告信息框,如图4.1所示。

图4.1 例4.1的运行结果

在用户单击“确定”按钮或关闭按钮把对话框关闭之前,它将阻止用户对浏览器的所有输入。在调用alert()时,将暂停对JavaScript代码的执行,在用户做出响应之前,不会执行下一条语句。

2.prompt()方法

prompt()方法用于显示可提示用户进行输入的对话框。语法如下:

参数描述见表4.3。

表4.3 prompt()方法的参数

如果用户单击提示框的取消按钮,则返回null。如果用户单击确认按钮,则返回输入字段当前显示的文本。

在用户单击“确定”按钮或取消按钮把对话框关闭之前,它将阻止用户对浏览器的所有输入。在调用prompt()方法时,将暂停对JavaScript代码的执行,在用户做出响应之前,不会执行下一条语句。

例4.2:

运行网页,单击“显示prompt对话框”按钮后弹出输入对话框,如图4.2所示。

图4.2 例4.2的运行结果

3.confirm()方法

confirm()方法用于显示一个带有指定消息和确定及取消按钮的对话框。语法如下:

参数描述见表4.4。

表4.4 confirm()方法的参数

如果用户单击“确定”按钮,则confirm()返回true。如果单击“取消”按钮,则confirm()返回false。在用户单击“确定”按钮或取消按钮把对话框关闭之前,它将阻止用户对浏览器的所有输入。

在调用confirm()时,将暂停对JavaScript代码的执行,在用户做出响应之前,不会执行下一条语句。

对话框按钮的文字是不可改变的,因此请细心编写问题或消息,使它适合用确认和取消来回答。

例4.3:

运行网页,单击“显示confirm对话框”按钮后弹出确认对话框,如图4.3所示。

图4.3 例4.3的运行结果

4.setInterval()和clearInterval()方法

setInterval()方法可按照指定的周期(以毫秒计)来调用函数或计算表达式,直到clearInterval()被调用或窗口被关闭。由setInterval()返回的ID值可用作clearInterval()方法的参数。语法如下:

参数描述见表4.5。

表4.5 setInterval()方法的参数

返回值

一个可以传递给window.clearInterval()方法作为参数从而取消对code的周期性执行的值。

clearInterval()方法可取消由setInterval()设置的timeout。clearInterval()方法的参数必须是由setInterval()返回的ID值。

语法如下:

参数描述见表4.6。

表4.6 clearInterval()方法的参数

例4.4:

下面这个例子将每隔50 ms调用clock()函数。你也可以使用一个按钮来停止这个clock()函数:

运行网页,结果如图4.4所示。

图4.4 例4.4的运行结果

文本框中的日期时间自动更新,单击“Stop”按钮后将停止更新。(www.xing528.com)

5.setTimeout()和clearTimeout()方法

setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式。语法如下:

参数描述见表4.7。

表4.7 setTimeout()方法的参数

setTimeout()只执行code一次。如果要按周期多次调用,请使用setInterval()或者让code自身再次调用setTimeout()。

clearTimeout()方法可取消由setTimeout()方法设置的timeout。语法如下:

参数描述见表4.8。

表4.8 clearTimeout()方法的参数

下面的例子每秒调用一次timedCount()函数。你也可以使用一个按钮来终止这个定时消息。

例4.5:

运行网页,单击“开始计数”按钮,文本框中将显示自动更新的计数值,如图4.5所示。

图4.5 例4.5的运行结果

单击“停止计数”按钮后,计数值将停止更新。

6.open()方法

open()方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。语法如下:

参数描述见表4.9。

表4.9 open()方法的参数

例4.6:

下面的例子将使浏览器创建新的窗口打开新浪首页。

运行网页,单击“打开窗口”按钮,结果浏览器自动新建了选项卡并在其中加载新浪的首页。

下面的例子将在新浏览器窗口中打开空白页,此空白页的内容由脚本生成:

例4.7:

运行网页,结果是浏览器自动新建选项卡并在空白的标签页中生成了一些网页元素。如图4.6所示。

图4.6 例4.7的运行结果

有关窗口特征的参数描述见表4.10。

表4.10 窗口特征参数

7.close()方法

close()方法用于关闭浏览器窗口。语法如下:

方法close()将关闭由window指定的顶层浏览器窗口。某个窗口可以通过调用self.close()或只调用close()来关闭其自身。只有通过JavaScript代码打开的窗口才能够直接由JavaScript代码关闭。这阻止了恶意脚本终止用户的浏览器。

下面的例子可关闭由脚本创建的新的浏览器窗口。

例4.8:

运行网页,单击“关闭mywindow”按钮,结果为网页加载时浏览器新建的选项卡窗口被关闭。

8.scrollBy()和scrollTo()方法

scrollBy()方法可把页面内容滚动指定的像素数。语法如下:

参数描述见表4.11。

表4.11 scrollBy()方法的参数

下面的例子可把内容滚动100像素:

例4.9:

运行网页,在窗口没有最大化时,文档区域有垂直滚动条,单击“Scroll”按钮,页面正文将向下滚动100像素。

scrollTo()方法可把内容滚动到指定的坐标。语法如下:

参数描述见表4.12。

表4.12 scrollTo()方法的参数

下面的例子可把内容滚动到位置100,500:

例4.10:

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈