首页 理论教育学习JavaScript:新建窗口技巧

学习JavaScript:新建窗口技巧

【摘要】:要在网页中展示一段额外信息,但是又不愿意占据当前网页的空间时,可以使用window.open()函数打开一个具名窗口。如果第二次调用open()传递同名name参数,则聚焦到同名窗口而不是新建一个窗口。表13.6.1open()函数新建窗口选项目前window.open()存在滥用现象,尤其是一些广告网站。图13.6.5新建窗口在动手写13.6.5中点击按钮“点击新建窗口”,打开新窗口,在新窗口中显示13.6.1.html的内容。

要在网页中展示一段额外信息,但是又不愿意占据当前网页的空间时,可以使用window.open()函数打开一个具名窗口。用户在新窗口内阅读完成之后,可以再回到原窗口。比如,在账号注册页面,让用户在新窗口内阅读《注册协议》等信息,当滚动条滑到底部,新窗口通知原来的网页用户已阅读完成。open()函数也常用于打开一个下载页面。当浏览器检测到新窗口返回的数据是一个文件时,会将文件保存到本地并自动关闭新窗口,十分方便。

open(url, name, options)函数参数有name和options可选。如果第二次调用open()传递同名name参数,则聚焦到同名窗口而不是新建一个窗口。options是一个字符串,各个配置项使用逗号连接,比如'height=230,width=360'。options详细配置如下表所示。

表13.6.1 open()函数新建窗口选项

目前window.open()存在滥用现象,尤其是一些广告网站。浏览器为了避免open()函数滥用,当给用户新建无关的窗口时,会对该函数调用进行检测,如果不是用户的行为(按键、触摸、点击鼠标等)触发的函数调用,纯粹代码调用新建窗口是不会成功的。

动手写13.6.5

(www.chuimin.cn)

执行13.6.5.html,输出结果到网页,如下图所示。

图13.6.5 新建窗口

在动手写13.6.5中点击按钮“点击新建窗口”,打开新窗口,在新窗口中显示13.6.1.html的内容。