js关闭当前页面(窗口)的几种方式总结(原文:http://www.jb51.net/article/34502.htm)
来源:互联网 发布:英语语法 视频 知乎 编辑:程序博客网 时间:2024/05/21 11:30
window.open 只打开一个窗口是将
oNewWindow = window.open( sURL , sName , sFeatures , bReplace )
中的sName 设置成一个固定值,如果有框架的话设置成“_top”
语法:
oNewWindow = window.open(sURL,sName,sFeatures,bReplace)
参数:
sUrl : 可选项。字符串(String)。指定要被加载的HTML文档的 URL 地址。假如无指定值,则 about:blank 的新窗口会被显示。
sName :可选项。字符串(String)。 指定打开的窗口的名字。这个名字可以用于 form 或 a 对象的 TARGET 属性。此名字也可以使用下列通用名称: _media :IE6.0 在浏览器左边的媒体面板内打开 sUrl 。
_blank :在新窗口中打开 sUrl 。
_parent :在当前框架的父框架内打开。假如当前框架无父框架,此参数值等同于 _self 。
_search :IE5.0 在浏览器左边的搜索面板内打开 sUrl 。
_self :sUrl 在当前窗口中打开,覆盖当前文档。
_top :在所有框架之外的最顶层窗口中打开 sUrl 。假如当前窗口无框架结构,此参数值等同于 _self 。
sFeatures :可选项。字符串(String)。 指定窗口装饰样式。使用下面的值。多个之间用逗号隔开。只有当新的浏览器窗口被建立时,此参数的设置才会发生作用。 channelmode = { yes | no | 1 | 0 } 指定是否将窗口显示为频道模式。默认值为 no 。
directories = { yes | no | 1 | 0 } 指定是否显示「链接」按钮。默认值为 yes 。
fullscreen = { yes | no | 1 | 0 } 指定是否以全屏方式显示窗口。默认值为 no 。要小心使用全屏模式,因为这种模式会隐藏浏览器窗口的标题栏和菜单。如果没有在页面内提供关闭窗口的功能,用户可以使用 ALT+F4 快捷键关闭窗口。
height = number 设置窗口的高度。最小值为 100 。
left = number 设置窗口左上角相对于桌面的横坐标。单位为像素( px )。
width = number 设置窗口的宽度。最小值为 100 。
top = number 设置窗口左上角相对于桌面的纵坐标。单位为像素( px )。
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 } 设置是否显示浏览器窗口的标题栏。除非调用程序是HTML应用程式( HTA )或被信任的对话框,否则此参数将被忽略。默认值为 yes 。
toolbar = { yes | no | 1 | 0 } 设置是否显示浏览器窗口的工具条。默认值为 yes 。
bReplace :可选项。布尔值(Boolean)。false | true false : 新打开的文档覆盖历史列表里的当前文档。
true : 文新打开的文档被简单的添加到历史列表的最后。
返回值:
oNewWindow :对象(Element)。返回对新的 window 对象的引用。
_______________________________________________________________________________________
当弹出子窗口使用的是 window.open();
方法时可以在子窗口使用:
1 . parant.method();
2 . opener.method();
两个方法调用父窗口的方法!
当弹出窗口使用的是模态窗口 window.showModelDialog();方法时可以在子窗口使用:
1 . var parentObj = window.dialogArguments;
parentObj.method();
方法调用父窗口的方法!
建议使用方法时考虑清楚弹出窗口究竟是什么模式的对话框,如果不清楚建议使用:
try{
opener.method();//弹出的是普通窗口
}catch(e1){
try{
var parentObj = window.dialogArguments;//弹出的是模态窗口
parentObj.method();
}catch(e2){//有可能父窗口没有这个方法!
}
//=====================================================================
子窗口给父窗口传值的时候
window.parent.opener.document.getElementById("A431").value= “12312”
//=====================================================================
有时我们需要在新打开的窗口里面编辑信息,等编辑完了,需要将当前窗口关闭并且刷新父窗口,以使修改生效,本文就是介绍用 JavaScript 来实现"更新记录后关闭子窗口并刷新父窗口".
父窗口:
?
1
<a href="javascript:void(0)" onclick="window.open('child.html','child','width=400,height=300,left=200,top=200');">打开子窗口</a>
子窗口:
Js代码
代码
1 <script language="JavaScript" type="text/javascript">
2 <!--
3 function refreshParent() {
4 window.opener.location.href = window.opener.location.href;
5 if (window.opener.progressWindow) {
6 window.opener.progressWindow.close();
7 }
8 window.close();
9 }
10 //-->
11 </script>
12 <a href="javascript:void(0)" onclick="refreshParent()">刷新父窗口并关闭当前窗口</a>
- js关闭当前页面(窗口)的几种方式总结(原文:http://www.jb51.net/article/34502.htm)
- 分享常见的几种页面静态化的方法 原链接:http://www.jb51.net/article/59619.htm
- 用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件) 详细出处参考:http://www.jb51.net/article/30640.htm
- js刷新页面方法大全 详细出处参考:http://www.jb51.net/article/14397.htm
- http://www.jb51.net/article/3357.htm
- http://www.jb51.net/article/51052.htm
- http://www.jb51.net/article/41274.htm
- http://www.jb51.net/article/37855.htm
- http://www.jb51.net/article/32651.htm
- http://www.jb51.net/article/37462.htm
- http://www.jb51.net/article/53271.htm
- http://www.jb51.net/article/84149.htm
- flex复选框和下拉列表的几种用法整理http://www.jb51.net/article/39597.htm
- js关闭当前页面(窗口)的几种方式总结
- js关闭当前页面(窗口)的几种方式总结
- js关闭当前页面(窗口)的几种方式总结
- js关闭当前页面(窗口)的几种方式总结
- js关闭当前页面(窗口)的几种方式总结
- 微信小程序的坑之编译后界面不改变也不报错
- 一步步开发一个Web服务器.Part 1.
- 第五周学习
- 【OpenGL】多边形的镂空
- 二叉排序树的旋转平衡
- js关闭当前页面(窗口)的几种方式总结(原文:http://www.jb51.net/article/34502.htm)
- HDU 4165 Pills【卡特兰数】
- 极乐技术周报(第十六期)
- Tensorflow 实现CNN
- java数据结构与算法之双链表设计与实现
- 大数据算法:对5亿数据进行排序
- 网络包的转发流程详解实例说明
- 容易_167_链表求和(3)
- Eclipse项目移植到Android studio问题及处理办法