JavaScript中windows.open()、windows.close()方法详解


Posted in Javascript onJuly 28, 2016

windows.open()方法详解:

window.open(URL,name,features,replace)用于载入指定的URL到新的或已存在的窗口中,并返回代表新窗口的Window对象。它有4个可选的 参数:

URL:一个可选的字符串,声明了要在新窗口中显示的文档的 URL。如果省略了这个参数,或者它的值是空字符串,那么新窗口就不会显示任何文档。

name:一个可选的字符串,该字符串是一个由逗号分隔的特征列表,其中包括数字、字母和下划线,该字符声明了新窗口的名称。这个名称可以用作标记 <a> 和 <form> 的属性 target 的值。如果该参数指定了一个已经存在的窗口,那么open()方法就直接使用这个窗口。在这种情况下,指定窗口特征的features参数将被忽略。保留的名字:“_ blank”、“_ parent” 、“_ top”指新窗口显示位置。

features:(非标准的,建议忽略该参数)一个可选的字符串,声明了新窗口要显示的标准浏览器的特征。如果省略该参数,新窗口将具有所有标准特征。在以下窗口特征这个表格中,我们对该字符串的格式进行了详细的说明。

replace:一个可选的布尔值。规定了装载到窗口的 URL 是在窗口的浏览历史中创建一个新条目,还是替换浏览历史中的当前条目。支持的值:true - URL替换浏览历史中的当前条目;false - URL在浏览历史中创建新的条目。

新的顶层浏览器窗口由方法 Window.open() 创建。当调用该方法时,应把 open() 调用的返回值存储在一个变量中,然后使用那个变量来引用新窗口。新窗口的 opener 属性反过来引用了打开它的那个窗口。

请不要混淆方法 Window.open() 与方法 Document.open(),这两者的功能完全不同。为了使您的代码清楚明白,请使用 Window.open(),而不要使用 open()。

大部分浏览器都增加了弹出窗口过滤系统。通常open方法只有当用户手动单击按钮或者链接 的时候才会调用。JavaScript代码尝试在浏览器初始载入(或卸载)时开启一个弹出窗口时,通常 会失败。

窗口特征(Window Features)

channelmode=yes|no|1|0 是否使用剧院模式显示窗口。默认为 no。

directories=yes|no|1|0 是否添加目录按钮。默认为 yes。

fullscreen=yes|no|1|0 是否使用全屏模式显示浏览器。默认是 no。处于全屏模式的窗口必须同时处于剧院模式。

height=pixels 窗口文档显示区的高度。以像素计。

left=pixels 窗口的 x 坐标。以像素计。

location=yes|no|1|0 是否显示地址字段。默认是 yes。

menubar=yes|no|1|0 是否显示菜单栏。默认是 yes。

resizable=yes|no|1|0 窗口是否可调节尺寸。默认是 yes。

scrollbars=yes|no|1|0 是否显示滚动条。默认是 yes。

status=yes|no|1|0 是否添加状态栏。默认是 yes。

titlebar=yes|no|1|0 是否显示标题栏。默认是 yes。

toolbar=yes|no|1|0 是否显示浏览器的工具栏。默认是 yes。

top=pixels 窗口的 y 坐标。

width=pixels 窗口的文档显示区的宽度。以像素计。

window.close()方法:

如果已经创建了一个Window对象w,可以这样关闭窗口w.close();而在本窗口中则用window.close();

注意:必须显式地调用window.close()方法,避免同document.close()方法混淆;

大多数浏览器只允许脚本自动关闭由脚本创建的窗口,如果要关闭其他窗口,可以用一个对话框取得用户的确认或取消;window.close()不能关闭一个内嵌在窗口内的窗体;

即使一个窗口关闭了,代表它的Window对象仍然存在。已关闭的窗口会有个值为true的closed 属性,它的document会是null,它的方法通常也不会再工作。

以上所述是小编给大家介绍的JavaScript中windows.open()、windows.close()方法详解 ,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
javascript编程起步(第五课)
Feb 27 Javascript
javascript 使td内容不换行不撑开
Nov 29 Javascript
javascript setTimeout和setInterval计时的区别详解
Jun 21 Javascript
jquery实现翻动fadeIn显示的方法
Mar 05 Javascript
jQuery中选择器的基础使用教程
May 23 Javascript
一个例子轻松学会Vue.js
Jan 02 Javascript
微信小程序实现移动端滑动分页效果(ajax)
Jun 13 Javascript
微信小程序 动画的简单实例
Oct 12 Javascript
JS中获取 DOM 元素的绝对位置实例详解
Apr 23 Javascript
JavaScript和TypeScript中的void的具体使用
Sep 12 Javascript
基于JavaScript实现十五拼图代码实例
Apr 26 Javascript
浅谈vant组件Picker 选择器选单选问题
Nov 04 Javascript
JS中正则表达式只有3种匹配模式(没有单行模式)详解
Jul 28 #Javascript
AngularJS中的API(接口)简单实现
Jul 28 #Javascript
js 声明数组和向数组中添加对象变量的简单实例
Jul 28 #Javascript
AngularJS 输入验证详解及实例代码
Jul 28 #Javascript
jquery实用技巧之输入框提示语句
Jul 28 #Javascript
jQuery stop()用法实例详解
Jul 28 #Javascript
AngularJS中的表单简单入门
Jul 28 #Javascript
You might like
基于PHP异步执行的常用方式详解
2013/06/03 PHP
用php守护另一个php进程的例子
2015/02/13 PHP
Zend Framework框架Smarty扩展实现方法
2016/03/22 PHP
php自定义函数br2nl实现将html中br换行符转换为文本输入中换行符的方法【与函数nl2br功能相反】
2017/02/17 PHP
Laravel中七个非常有用但很少人知道的Carbon方法
2017/09/21 PHP
php实现对文件压缩简单的方法
2019/09/29 PHP
laravel 修改记住我功能的cookie保存时间的方法
2019/10/14 PHP
在b/s开发中经常用到的javaScript技术
2006/08/23 Javascript
javascript时区函数介绍
2012/09/14 Javascript
javascript自启动函数的问题探讨
2013/10/05 Javascript
JS实现同时搜索百度和必应的方法
2015/01/27 Javascript
js检测判断日期大于多少天的方法
2015/05/04 Javascript
分分钟玩转Vue.js组件
2016/10/25 Javascript
使用Ajax生成的Excel文件并下载的实例
2016/11/21 Javascript
微信小程序 PHP后端form表单提交实例详解
2017/01/12 Javascript
Javascript实现数组中的元素上下移动
2017/04/28 Javascript
如何让你的JS代码更好看易读
2017/12/01 Javascript
angular 实时监听input框value值的变化触发函数方法
2018/08/31 Javascript
[03:56]还原FTP电影首映式 DOTA2群星拼出遗迹世界
2014/03/26 DOTA
Python yield 使用浅析
2015/05/28 Python
使用Python编写基于DHT协议的BT资源爬虫
2016/03/19 Python
Python cookbook(数据结构与算法)从字典中提取子集的方法示例
2018/03/22 Python
python列表,字典,元组简单用法示例
2019/07/11 Python
django连接mysql数据库及建表操作实例详解
2019/12/10 Python
PyQt5+python3+pycharm开发环境配置教程
2020/03/24 Python
css3实现背景颜色渐变让图片不再是唯一的实现方式
2012/12/18 HTML / CSS
美的官方商城:Midea
2016/09/14 全球购物
台湾最大银发乐活百货:乐龄网
2018/05/21 全球购物
中学生在校期间的自我评价分享
2013/11/13 职场文书
联谊会主持词
2014/03/26 职场文书
法人授权委托书格式
2014/04/08 职场文书
2015年世界无烟日活动方案
2015/05/04 职场文书
介绍信应该怎么开?
2019/04/03 职场文书
python glom模块的使用简介
2021/04/13 Python
Python 语言实现六大查找算法
2021/06/30 Python
Java Spring Lifecycle的使用
2022/05/06 Java/Android