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 相关文章推荐
预加载css或javascript的js代码
Apr 23 Javascript
JavaScript实现强制重定向至HTTPS页面
Jun 10 Javascript
javascript检查某个元素在数组中的索引值
Mar 30 Javascript
Bootstrap教程JS插件滚动监听学习笔记分享
May 18 Javascript
jQuery实现的自定义滚动条实例详解
Sep 20 Javascript
基于Bootstrap的标签页组件及bootstrap-tab使用说明
Jul 25 Javascript
vue中axios的封装问题(简易版拦截,get,post)
Jun 15 Javascript
node.js环境搭建图文详解
Sep 19 Javascript
vue中添加与删除关键字搜索功能
Oct 12 Javascript
Vue3.0 响应式系统源码逐行分析讲解
Oct 14 Javascript
vue实现弹幕功能
Oct 25 Javascript
file-loader打包图片文件时路径错误输出为[object-module]的解决方法
Jan 03 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
PHPWind 发帖回帖Api PHP版打包下载
2010/02/08 PHP
解决FastCGI 进程超过了配置的活动超时时限的问题
2013/07/03 PHP
yii通过小物件生成view的方法
2016/10/08 PHP
php判断是否为ajax请求的方法
2016/11/29 PHP
PHP中迭代器的简单实现及Yii框架中的迭代器实现方法示例
2020/04/26 PHP
破解Session cookie的方法
2006/07/28 Javascript
url 编码 js url传参中文乱码解决方案
2010/04/11 Javascript
js自定义事件及事件交互原理概述(一)
2013/02/01 Javascript
javascript获取form里的表单元素的示例代码
2014/02/14 Javascript
详解JavaScript常量定义
2017/01/03 Javascript
详解vue-cli快速构建项目以及引入bootstrap、jq
2017/05/26 Javascript
vue 2.0项目中如何引入element-ui详解
2017/09/06 Javascript
Vue项目全局配置微信分享思路详解
2018/05/04 Javascript
Vue resource三种请求格式和万能测试地址
2018/09/26 Javascript
vue+canvas实现炫酷时钟效果的倒计时插件(已发布到npm的vue2插件,开箱即用)
2018/11/05 Javascript
JS根据Unix时间戳显示发布时间是多久前【项目实测】
2019/07/10 Javascript
javascript实现鼠标点击生成文字特效
2019/12/24 Javascript
extjs4图表绘制之折线图实现方法分析
2020/03/06 Javascript
vue利用全局导航守卫作登录后跳转到未登录前指定页面的实例代码
2020/05/19 Javascript
[01:17]辉夜杯战队访谈宣传片—EHOME
2015/12/25 DOTA
[36:05]完美世界DOTA2联赛循环赛 Forest vs DM 第一场 11.06
2020/11/06 DOTA
[40:19]完美世界DOTA2联赛PWL S3 Rebirth vs CPG 第二场 12.18
2020/12/19 DOTA
在Python编程过程中用单元测试法调试代码的介绍
2015/04/02 Python
selenium处理元素定位点击无效问题
2019/06/12 Python
通过python扫描二维码/条形码并打印数据
2019/11/14 Python
Python Numpy库常见用法入门教程
2020/01/16 Python
新西兰最大的天然保健及护肤品网站:HealthPost(直邮中国)
2021/02/13 全球购物
共产党员公开承诺书
2014/03/25 职场文书
《老山界》教学反思
2014/04/08 职场文书
产品发布会策划方案
2014/05/12 职场文书
个人整改方案范文
2014/10/25 职场文书
优秀党支部申报材料
2014/12/24 职场文书
初中优秀学生评语
2014/12/29 职场文书
追悼会答谢词
2015/01/05 职场文书
毕业论文致谢信
2015/05/14 职场文书
感动中国何玥观后感
2015/06/02 职场文书