javascript window.open打开新窗口后无法再次打开该窗口问题的解决方法
更新时间：2014年04月12日 11:05:39 作者：
这篇文章主要介绍了javascript window.open打开新窗口后无法再次打开该窗口问题的解决方法即无法再次打开窗口、第二次打开不了,需要的朋友可以参考下
在系统中，会一些地方使用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();
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();
}
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，问题解决。
相关文章
这篇文章主要介绍了JS实现网页上随滚动条滚动的层效果代码,涉及JavaScript页面元素属性的获取、运算及设置等操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-11-11
这篇文章主要介绍了javascript iframe跨域详解的相关资料,需要的朋友可以参考下2016-10-10
setinterval()与clearInterval()JS函数的调用方法
这篇文章主要介绍了setinterval()与clearInterval()JS函数的调用方法,实例分析了setinterval()与clearInterval()的语法结构及使用技巧,需要的朋友可以参考下2015-01-01
这篇文章主要介绍了JavaScript使用RegExp进行正则匹配的方法,实例分析了RegExp对象在进行正则匹配时的相关使用技巧,需要的朋友可以参考下2015-07-07
这篇文章主要为大家详细介绍了JavaScript prototype属性,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-10-10
这篇文章主要介绍了JS判断数组四种实现方法详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-06-06
要慎用readonly和disabled, 指定了disabled的表单,在submit时,不会把它的值传出去, 如下所示,有两个text,一个是readonly一个是disabled,submit后,只能发送那个不是disabled的,注意地址栏的值. 要保存到本地,因为submit了,不然,看不到效果.2008-04-04
json文件是一种轻量级的数据交互格式,下面这篇文章主要给大家介绍了关于Javascript读取json文件方法的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-11-11
这篇文章主要介绍了Js Snowflake(雪花算法)生成随机ID的实现方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-08-08
如果需要在程序中获取当前用户的IP,通常手段都是需要使用服务器,但现在借助WebRTC的强大功能,我们可以直接在浏览器客户端获取用户IP,所以本文小编将给大家介绍一下如何在在浏览器中使用WebRTC获取用户IP地址,文中通过代码示例讲解的非常详细,需要的朋友可以参考下2023-11-11
最新评论