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 相关文章推荐
js字符编码函数区别分析
Jun 05 Javascript
JavaScript模块随意拖动示例代码
May 27 Javascript
jquery动态添加删除一行数据示例
Jun 12 Javascript
jquery实现倒计时代码分享
Jun 13 Javascript
Jquery检验手机号是否符合规则并根据手机号检测结果将提交按钮设为不同状态
Nov 26 Javascript
简单了解Backbone.js的Model模型以及View视图的源码
Feb 14 Javascript
JS实现的自定义显示加载等待图片插件(loading.gif)
Jun 17 Javascript
JavaScript遍历Json串浏览器输出的结果不统一问题
Nov 03 Javascript
Angular.js与node.js项目里用cookie校验账户登录详解
Feb 22 Javascript
easyui combogrid实现本地模糊搜索过滤多列
May 13 Javascript
angular select 默认值设置方法
Jun 23 Javascript
vue里如何主动销毁keep-alive缓存的组件
Mar 21 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 多维数组排序(usort,uasort)
2010/06/30 PHP
PHP简洁函数(PHP简单明了函数语法)
2012/06/10 PHP
php牛逼的面试题分享
2013/01/18 PHP
分享一段PHP制作的中文拼音首字母工具类
2014/12/11 PHP
PHP中的命名空间详细介绍
2015/07/02 PHP
php实现QQ空间获取当前用户的用户名并生成图片
2015/07/25 PHP
PHP连接MSSQL方法汇总
2016/02/05 PHP
ThinkPHP开发--使用七牛云储存
2017/09/14 PHP
php实现的表单验证类完整示例
2019/08/13 PHP
基于ThinkPHP删除目录及目录文件函数
2020/10/28 PHP
JSON 和 JavaScript eval使用说明
2010/06/13 Javascript
js的一些常用方法小结
2011/06/29 Javascript
JQuery对表格进行操作的常用技巧总结
2014/04/23 Javascript
javascript使用正则表达式实现去掉空格之后的字符
2015/02/15 Javascript
简单谈谈javascript中this的隐式绑定
2016/02/22 Javascript
nodejs 的 session 简单使用
2016/06/06 NodeJs
深入探究AngularJs之$scope对象(作用域)
2017/07/20 Javascript
详解Node.js利用node-git-server快速搭建git服务器
2017/09/27 Javascript
vue子传父关于.sync与$emit的实现
2019/11/05 Javascript
[10:14]2018DOTA2国际邀请赛寻真——paiN Gaming不仅为自己而战
2018/08/14 DOTA
[58:59]完美世界DOTA2联赛PWL S3 access vs CPG 第一场 12.13
2020/12/16 DOTA
在Python中操作列表之list.extend()方法的使用
2015/05/20 Python
利用Python实现图书超期提醒
2016/08/02 Python
详解python3中的真值测试
2018/08/13 Python
python命名空间(namespace)简单介绍
2019/08/10 Python
Python爬虫解析网页的4种方式实例及原理解析
2019/12/30 Python
Python魔术方法专题
2020/06/19 Python
Flask中sqlalchemy模块的实例用法
2020/08/02 Python
html5弹跳球示例代码
2013/07/23 HTML / CSS
HTML5给汉字加拼音收起展开组件的实现代码
2020/04/08 HTML / CSS
2014年最新学习全国两会精神心得
2014/03/17 职场文书
单位计划生育责任书
2015/05/09 职场文书
2015年度高中教师工作总结
2015/05/26 职场文书
社区低保工作总结2015
2015/07/23 职场文书
幼儿园2016年圣诞活动总结
2016/03/31 职场文书
JavaScript实现简单图片切换
2021/04/29 Javascript