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 08 Javascript
面向对象的Javascript之一(初识Javascript)
Jan 20 Javascript
基于jQuery的简单九宫格实现代码
Aug 09 Javascript
js关闭当前页面(窗口)的几种方式总结
Mar 05 Javascript
js 实现菜单左右滚动显示示例介绍
Nov 21 Javascript
个人总结的一些JavaScript技巧、实用函数、简洁方法、编程细节
Jun 10 Javascript
javascript html实现网页版日历代码
Mar 08 Javascript
js判断文件格式及大小的简单实例(必看)
Oct 11 Javascript
vue proxyTable 接口跨域请求调试的示例
Sep 12 Javascript
手写简单的jQuery雪花飘落效果实例
Apr 22 jQuery
微信小程序时间戳转日期的详解
Apr 30 Javascript
详解vue中使用protobuf踩坑记
May 07 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
模拟xcopy的函数
2006/10/09 PHP
如何在PHP程序中防止盗链
2008/04/09 PHP
PHP判断是否有Get参数的方法
2014/05/05 PHP
PHP中strtr字符串替换用法详解
2014/11/26 PHP
php列出mysql表所有行和列的方法
2015/03/13 PHP
Codeigniter中集成smarty和adodb的方法
2016/03/04 PHP
PHP标准类(stdclass)用法示例
2016/09/28 PHP
ThinkPHP框架整合微信支付之刷卡模式图文详解
2019/04/10 PHP
php面试实现反射注入的详细方法
2019/09/30 PHP
jQuery 隔行换色 支持键盘上下键,按Enter选定值
2009/08/02 Javascript
javascript动态加载三
2012/08/22 Javascript
JavaScript实现网页上的浮动广告的简单方法
2013/06/14 Javascript
多种方法判断Javascript对象是否存在
2013/09/22 Javascript
Jquery操作radio的简单实例
2014/01/06 Javascript
js实现鼠标滑过文字链接色彩变化的效果
2015/05/06 Javascript
详解jquery validate实现表单验证 (正则表达式)
2017/01/18 Javascript
浅谈vuex 闲置状态重置方案
2018/01/04 Javascript
微信小程序使用wxParse解析html的实现示例
2018/08/30 Javascript
JavaScript前端页面搜索功能案例【基于jQuery】
2019/07/10 jQuery
JS中的算法与数据结构之链表(Linked-list)实例详解
2019/08/20 Javascript
微信小程序表单验证插件WxValidate的二次封装功能(终极版)
2019/09/03 Javascript
Vue实现穿梭框效果
2020/09/30 Javascript
[49:30]DOTA2-DPC中国联赛正赛 Dragon vs Dynasty BO3 第二场 3月4日
2021/03/11 DOTA
Python3 queue队列模块详细介绍
2018/01/05 Python
pycharm开发一个简单界面和通用mvc模板(操作方法图解)
2020/05/27 Python
详解CSS3+JS完美实现放大镜模式
2020/12/03 HTML / CSS
基于HTML5的WebSocket的实例代码
2018/08/15 HTML / CSS
小程序瀑布流解决左右两边高度差距过大的问题
2019/02/20 HTML / CSS
网购亚洲时装、美容产品和生活百货:YesStyle
2016/09/15 全球购物
医学院四年学习生活的自我评价
2013/11/06 职场文书
工作时间上网检讨书
2014/02/03 职场文书
微笑服务演讲稿
2014/05/13 职场文书
意外死亡赔偿协议书
2014/10/14 职场文书
刑事附带民事上诉状
2015/05/23 职场文书
遗嘱格式范本
2015/08/07 职场文书
Python中requests做接口测试的方法
2021/05/30 Python