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 相关文章推荐
jquery 框架使用教程 AJAX篇
Oct 11 Javascript
jQuery数据显示插件整合实现代码
Oct 24 Javascript
关于jquery ajax 调用带参数的webservice返回XML数据一个小细节
Jul 31 Javascript
js拖拽一些常见的思路方法整理
Mar 19 Javascript
JavaScript代码复用模式详解
Nov 07 Javascript
js删除Array数组中指定元素的两种方法
Aug 03 Javascript
基于Bootstrap 3 JQuery及RegExp的表单验证功能
Feb 16 Javascript
ES6正则表达式扩展笔记
Jul 25 Javascript
vue滚动轴插件better-scroll使用详解
Oct 17 Javascript
jquery实现掷骰子小游戏
Oct 24 jQuery
JS document对象简单用法完整示例
Jan 14 Javascript
如何在vue中使用jointjs过程解析
May 29 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的错误信息
2006/10/09 PHP
ThinkPHP中的三大自动简介
2014/08/22 PHP
分享php多功能图片处理类
2016/05/15 PHP
Centos7安装swoole扩展操作示例
2020/03/26 PHP
xml 封装与解析(javascript和C#中)
2009/07/26 Javascript
JS实现图片预加载无需等待
2012/12/21 Javascript
js获得当前时区夏令时发生和终止的时间代码
2014/02/23 Javascript
父页面显示遮罩层弹出半透明状态的dialog
2014/03/04 Javascript
jQuery的缓存机制浅析
2014/06/07 Javascript
自定义jQuery插件方式实现强制对象重绘的方法
2015/03/23 Javascript
用js编写的简单的计算器代码程序
2015/08/04 Javascript
学习JavaScript设计模式之中介者模式
2016/01/14 Javascript
JS模拟实现方法重载示例
2016/08/03 Javascript
Google 地图类型详解及示例代码
2016/08/06 Javascript
js replace(a,b)之替换字符串中所有指定字符的方法
2016/08/17 Javascript
jQuery 全选 全部选 反选 实现代码
2016/08/17 Javascript
JS实现图片局部放大或缩小的方法
2016/08/20 Javascript
Javascript中引用类型传递的知识点小结
2017/03/06 Javascript
基于JavaScript实现报警器提示音效果
2017/10/27 Javascript
在vue中使用公共过滤器filter的方法
2018/06/26 Javascript
使用webpack构建应用的方法步骤
2019/03/04 Javascript
JavaScript使用小插件实现倒计时的方法讲解
2019/03/11 Javascript
基于JavaScript 实现拖放功能
2019/09/12 Javascript
[50:38]DOTA2-DPC中国联赛 正赛 Phoenix vs CDEC BO3 第二场 3月7日
2021/03/11 DOTA
python中lambda()的用法
2017/11/16 Python
python实现串口自动触发工作的示例
2019/07/02 Python
Python对接 xray 和微信实现自动告警
2019/09/17 Python
python getpass实现密文实例详解
2019/09/24 Python
详解Python3.8+PyQt5+pyqt5-tools+Pycharm配置详细教程
2020/11/02 Python
25个CSS3动画按钮和菜单教程分享
2012/10/03 HTML / CSS
德国药房apodiscounter中文官网:德国排名前三的网上药店
2019/06/03 全球购物
镇党政领导班子民主生活会思想汇报
2014/10/11 职场文书
2015年幼儿园保育员工作总结
2015/04/23 职场文书
转学证明范本
2015/06/19 职场文书
致创业您:正能量激励人心句子(48条)
2019/08/15 职场文书
关于的python五子棋的算法
2022/05/02 Python