javascript window.open打开新窗口后无法再次打开该窗口问题的解决方法


Posted in Javascript onApril 12, 2014

在系统中,会一些地方使用javascript open window。比如打开固定模式的窗口,防止用户进行其他操作。

参数:

参数 | 取值范围 | 说明
alwaysLowered | yes/no | 指定窗口隐藏在所有窗口之后 
alwaysRaised | yes/no | 指定窗口悬浮在所有窗口之上 
depended | yes/no | 是否和父窗口同时关闭 
directories | yes/no | Nav2和3的目录栏是否可见 
height | pixel value | 窗口高度 
hotkeys | yes/no | 在没菜单栏的窗口中设安全退出热键 
innerHeight | pixel value | 窗口中文档的像素高度 
innerWidth | pixel value | 窗口中文档的像素宽度 
location | yes/no | 位置栏是否可见 
menubar | yes/no | 菜单栏是否可见 
outerHeight | pixel value | 设定窗口(包括装饰边框)的像素高度 
outerWidth | pixel value | 设定窗口(包括装饰边框)的像素宽度 
resizable | yes/no | 窗口大小是否可调整 
screenX | pixel value | 窗口距屏幕左边界的像素长度 
screenY | pixel value | 窗口距屏幕上边界的像素长度 
scrollbars | yes/no | 窗口是否可有滚动栏 
titlebar | yes/no | 窗口题目栏是否可见 
toolbar | yes/no | 窗口工具栏是否可见 
Width | pixel value | 窗口的像素宽度 
z-look | yes/no | 窗口被激活后是否浮在其它窗口之上

实例:
window.open("page.html", "newwindow", "height=100, width=100, top=0,left=0,toolbar=no, menubar=no, scrollbars=no,resizable=no, location=no, status=no")

根据分辨率计算高度和宽度后打开:
var ht = screen.height-98;
var widhh = screen.width - 20;
window.opener = null;
window.open("", "_self");
window.open("Main.aspx", "newwindow" + JsGuid(),
"height=" + ht + ", width=" + widhh + ",
depended=yes,top=0,left=0,toolbar=no, menubar=no,
 scrollbars=yes, resizable=no, location=no, status=yes");window.close();

并关闭原来的窗口。

问题:

在window.open后,如果系统退出,再次使用window.open打开新页面的时候,会出现错误。

google了半天也没找到。一想这个问题应该不常发生肯定是配置的问题。

其中,我们可以看到window.open的第二个参数是新窗口的名字。这个名字是不能重复的。

如果重复了就是一直在这个窗口打开刷新。

所以我加了一个js的随机GUID函数。

function s4() {
    return Math.floor((1 + Math.random()) * 0x10000)
               .toString(16)
               .substring(1);
};
function JsGuid() {
    return s4() + s4() + '-' + s4() + '-' + s4() + '-' +
           s4() + '-' + s4() + s4() + s4();
}

打开窗口的时候使用:window.open("Main.aspx", "newwindow" + JsGuid());
OK,问题解决。

 

Javascript 相关文章推荐
JavaScript 输入框内容格式验证代码
Feb 11 Javascript
js函数名与form表单元素同名冲突的问题
Mar 07 Javascript
在Python中使用glob模块查找文件路径的方法
Jun 17 Javascript
jQuery蓝色风格滑动导航栏代码分享
Aug 19 Javascript
JavaScript学习笔记整理之引用类型
Jan 22 Javascript
理解Javascript文件动态加载
Jan 29 Javascript
微信小程序 数组(增,删,改,查)等操作实例详解
Jan 05 Javascript
分享一道关于闭包、bind和this的面试题
Feb 20 Javascript
小程序数据通信方法大全(推荐)
Apr 15 Javascript
bootstrap table列和表头对不齐的解决方法
Jul 19 Javascript
html2canvas属性和使用方法以及如何使用html2canvas将HTML内容写入Canvas生成图片
Jan 12 Javascript
js简单实现自动生成表格功能示例
Jun 02 Javascript
jQuery中阻止冒泡事件的方法介绍
Apr 12 #Javascript
jquery ajax应用中iframe自适应高度问题解决方法
Apr 12 #Javascript
javascript事件冒泡详解和捕获、阻止方法
Apr 12 #Javascript
一个非常全面的javascript URL解析函数和分段URL解析方法
Apr 12 #Javascript
用jquery写的菜单从左往右滑动出现
Apr 11 #Javascript
瀑布流布局代码一例
Apr 11 #Javascript
javascript读写json示例
Apr 11 #Javascript
You might like
php中利用str_pad函数生成数字递增形式的产品编号
2013/09/30 PHP
Symfony核心类概述
2016/03/17 PHP
php ajax confirm 删除实例详解
2019/03/06 PHP
JavaScript 替换Html标签实现代码
2009/10/14 Javascript
js判断IE6/IE7/FF的代码[XMLHttpRequest]
2011/02/16 Javascript
jquery下jstree简单应用 - v1.0
2011/04/14 Javascript
JQuery里面的几种选择器 查找满足条件的元素$("#控件ID")
2011/08/23 Javascript
基于JQuery的模拟苹果桌面Dock效果(稳定版)
2012/10/15 Javascript
javascript学习(二)javascript常见问题总结
2013/01/02 Javascript
关于textarea提交的内容无法换行的解决办法
2013/04/09 Javascript
jQuery实现类似滑动门切换效果的层切换
2013/09/23 Javascript
Javascript设计模式之观察者模式的多个实现版本实例
2015/03/03 Javascript
浅析Node.js的Stream模块中的Readable对象
2015/07/29 Javascript
Node.js程序中的本地文件操作用法小结
2016/03/06 Javascript
jQuery事件处理的特征(事件命名机制)
2016/08/23 Javascript
利用vueJs实现图片轮播实例代码
2017/06/03 Javascript
基于 Vue.js 2.0 酷炫自适应背景视频登录页面实现方式
2018/01/17 Javascript
小程序云开发教程如何使用云函数实现点赞功能
2019/05/18 Javascript
使用xampp将angular项目运行在web服务器的教程
2019/09/16 Javascript
python字典值排序并取出前n个key值的方法
2018/10/17 Python
Django跨域请求CSRF的方法示例
2018/11/11 Python
python实现回旋矩阵方式(旋转矩阵)
2019/12/04 Python
Python for循环搭配else常见问题解决
2020/02/11 Python
Python生成器实现简单"生产者消费者"模型代码实例
2020/03/27 Python
Python生成pdf目录书签的实例方法
2020/10/29 Python
css3一个简易的 LED 数字时钟实现方法
2020/01/15 HTML / CSS
使用CSS3实现字体颜色渐变的实现
2020/08/10 HTML / CSS
Html5上传图片 移动端、PC端通用代码
2016/06/08 HTML / CSS
html5 兼容IE6结构的实现代码
2012/05/14 HTML / CSS
台湾深度自由行旅游平台:Tripbaa趣吧
2017/10/10 全球购物
在阿联酋购买翻新手机和平板电脑:Teckzu
2021/02/12 全球购物
群众路线批评与自我批评
2014/02/06 职场文书
人力资源主管的岗位职责
2014/03/15 职场文书
爱祖国爱家乡演讲稿
2014/09/02 职场文书
廉洁自律准则学习心得体会
2016/01/13 职场文书
2016党员学习《反对自由主义》心得体会
2016/01/22 职场文书