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生成UUID的方法实例
Mar 30 Javascript
详解AngularJS中的表单验证(推荐)
Nov 17 Javascript
jQuery UI插件实现百度提词器效果
Nov 21 Javascript
js时间戳和c#时间戳互转方法(推荐)
Feb 15 Javascript
React-Router如何进行页面权限管理的方法
Dec 06 Javascript
node.js文件上传重命名以及移动位置的示例代码
Jan 19 Javascript
vue弹窗组件的实现示例代码
Sep 10 Javascript
代码分析vue中如何配置less
Sep 28 Javascript
jQuery插件实现非常实用的tab栏切换功能【案例】
Feb 18 jQuery
微信小程序bindtap事件与冒泡阻止详解
Aug 08 Javascript
js canvas实现星空连线背景特效
Nov 01 Javascript
vue实现从外部修改组件内部的变量的值
Jul 30 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 开源AJAX框架14种
2009/08/24 PHP
ThinkPHP与PHPExcel冲突解决方法
2011/08/08 PHP
PHP 的异常处理、错误的抛出及回调函数等面向对象的错误处理方法
2012/12/07 PHP
PHP goto语句简介和使用实例
2014/03/11 PHP
php+mysql实现简单的增删改查功能
2015/07/13 PHP
PHP基于单例模式实现的数据库操作基类
2016/01/15 PHP
php源码之将图片转化为data/base64数据流实例详解
2016/11/27 PHP
PHP的RSA加密解密方法以及开发接口使用
2018/02/11 PHP
jquery JSON的解析方式示例介绍
2014/07/27 Javascript
node.js中的fs.renameSync方法使用说明
2014/12/16 Javascript
JavaScript中关联原型链属性特性
2016/02/13 Javascript
jQuery图片渐变特效的简单实现
2016/06/25 Javascript
AngularJs bootstrap搭载前台框架——准备工作
2016/09/01 Javascript
Vue中保存用户登录状态实例代码
2017/06/07 Javascript
JS构造一个html文本内容成文件流形式发送到后台
2018/07/31 Javascript
Vue实现手机计算器
2020/08/17 Javascript
Python3遍历目录树实现方法
2015/05/22 Python
python实现朴素贝叶斯分类器
2018/03/28 Python
Python设计模式之解释器模式原理与用法实例分析
2019/01/10 Python
PyCharm搭建Spark开发环境的实现步骤
2019/09/05 Python
python selenium实现发送带附件的邮件代码实例
2019/12/10 Python
python3连接mysql获取ansible动态inventory脚本
2020/01/19 Python
详解Python 重学requests发起请求的基本方式
2020/02/07 Python
基于HTML5 Canvas:字符串,路径,背景,图片的详解
2013/05/09 HTML / CSS
德国前卫设计师时装在线商店:Luxury Loft
2019/11/04 全球购物
Java工程师面试集锦之Spring框架
2013/06/16 面试题
SQL Server数据库笔试题和答案
2016/02/04 面试题
如何执行一个shell程序
2012/11/23 面试题
档案接收函范文
2014/01/10 职场文书
村委会主任先进事迹
2014/01/15 职场文书
消防安全责任书
2014/04/14 职场文书
《黄山奇石》教学反思
2014/04/19 职场文书
员工保密承诺书
2014/05/28 职场文书
大学英语专业求职信
2014/06/21 职场文书
Java 超详细讲解hashCode方法
2022/04/07 Java/Android
Springboot-cli 开发脚手架,权限认证,附demo演示
2022/04/28 Java/Android