js如何检测打开窗口是否存在的三个方法?
js打开窗口一般也就是使用window.open方法:
win = window.open(CHILD_WINDOW_URL, CHILD_WINDOW_NAME, CHILD_WINDOW_ATTRS);
然后父窗口可以通过win 取得子窗口的引用,然后就可以检测 win是否定义和win.closed来检测窗口是否打开。
但是如果刷新父窗口,父窗口就会失去这些引用,那么我们如何再次检测子窗口是否存在?
我想大概有以下方法:
方法一 使用cookie
打开子窗口的时候,子窗口或者父窗口可以写一个cookie来标示子窗口是否打开,然后子窗口关闭的时候删除这个cookie;这样即使父窗口刷新,cookie依然存在,这样父窗口就可以通过检测cookie的存在来检测子窗口是否存在,子窗口和父窗口可以跨子域。
方法二 本地存储
方法基本和方法一一样,但是子窗口和父窗口不能跨域,因为本地存储不能跨域,子域也不可以。
方法三 window.open
无意发现了这个东东,很好的方法,我试了下兼容性很好,地址:测试地址;
其大体原理如此:
window.open(“”, CHILD_WINDOW_NAME, CHILD_WINDOW_ATTRS);
通过open一个相同的window名字且地址为空的窗口,通过判断这个窗口的这个地址是否是”about:blank”,如果是,那么这个窗口已经关闭了(前提是前一个打开的地址不是空的)。
win = window.open("", CHILD_WINDOW_NAME, CHILD_WINDOW_ATTRS);
if (win.location.href === "about:blank") {
//窗口不存在
win = window.open(CHILD_WINDOW_URL, CHILD_WINDOW_NAME, CHILD_WINDOW_ATTRS);
} else {
//窗口以已经存在了
win.focus();
}
这是个不错的方法,但是打开子窗口的时候,子窗口不能进行重定位,否则ie下会出现 拒绝访问 的错误,具体的方法看看例子吧。
按照需求各取所需吧。
转:http://hat1231676.blog.163.com/blog/static/931666520133225345033/
js如何检测打开窗口是否存在的三个方法?的更多相关文章
- js二维数组定义和初始化的三种方法总结
js二维数组定义和初始化的三种方法总结 方法一:直接定义并且初始化,这种遇到数量少的情况可以用var _TheArray = [["0-1","0-2"],[& ...
- JS windows.open打开窗口并居中
function openWin() { var url='Add.aspx'; //转向网页的地址; ...
- 原生JS 获取浏览器、窗口、元素等尺寸的方法及注意事项
一.通过浏览器获得屏幕的尺寸 screen.width screen.height screen.availHeight //获取去除状态栏后的屏幕高度 screen.availWidth //获取去 ...
- js各种获取当前窗口页面宽度、高度的方法
alert($(window).height()); //浏览器时下窗口可视区域高度 alert($(document).height()); //浏览器时下窗口文档的高度 alert($(docum ...
- MFC 打开外部EXE文件的三种方法
目前知道三种方式:WinExec,ShellExecute ,CreateProcess,别人已经总结的很好了<vc中调用其他应用程序的方法(函数) winexec,shellexecute , ...
- C#后台调用浏览器打开下载连接地址的三种方法
一.从注册表中读取到本地计算机默认浏览器,然后调用下载. private void button1_Click(object sender, EventArgs e) { //从注册表 ...
- js判断数组中是否有重复值得三种方法
方法一: var s = ary.join(",")+","; for(var i=0;i<ary.length;i++) { if(s.replace( ...
- JS中把其他类型转换成字符串的三种方法
1.toString()方法 toString()方法返回的是相应值的字符串表现 数值.布尔值.对象和字符串值都有toString()方法,但是null和undefined值没有这个方法 例子: va ...
- JS 在open打开的子窗口页面中调用父窗口页面的JS方法
需求的情景如下: 1:做新增或修改等操作的时候打开一个新的浏览器窗口(使用window.open(参数等)方法) 2:在新增或修改等的页面上有返回按钮.重置按钮.保存按钮,对于返回就直接关闭此窗口(使 ...
随机推荐
- hdu 4859 海岸线 最小割
海岸线 题目连接: http://acm.hdu.edu.cn/showproblem.php?pid=4859 Description 欢迎来到珠海! 由于土地资源越来越紧张,使得许多海滨城市都只能 ...
- Codeforces Round #290 (Div. 2) C. Fox And Names dfs
C. Fox And Names 题目连接: http://codeforces.com/contest/510/problem/C Description Fox Ciel is going to ...
- innobackupex 恢复实验
[root@localhost backup]# pwd /backup [root@localhost backup]# ll 总用量 drwxr root root Jul : basebacku ...
- 基于Raft构建弹性伸缩的存储系统的一些实践
基于Raft构建弹性伸缩的存储系统的一些实践 原创 2016-07-18 黄东旭 聊聊架构 最近几年来,越来越多的文章介绍了 Raft 或者 Paxos 这样的分布式一致性算法,但主要集中在算法细节和 ...
- epoll的使用
http://blog.csdn.net/ljx0305/article/details/4065058 epoll - I/O event notification facility 在linu ...
- 基于jquery的侧边栏分享导航
今天给大家分享一款基于jquery的侧边栏分享导航.这款分享钮一直固定于左侧,鼠标经过的时候凸出显示,这款分享按钮适用浏览器:IE8.360.FireFox.Chrome.Safari.Opera.傲 ...
- 一款基于jQuery的支持鼠标拖拽滑动焦点图
记得之前我们分享过一款jQuery全屏广告图片焦点图,图片切换效果还不错.今天我们要分享另外一款jQuery焦点图插件,它的特点是支持鼠标拖拽滑动,所以在移动设备上使用更加方便,你只要用手指滑动屏幕即 ...
- rsync同步工具学习笔记
rsync同步工具 1.rsync介绍 rsync是一款开源的.快速的.多功能的.可实现全量及增量的本地或远程数据同步备份的优秀工具.rsync软件适用于unix/linux/windows等多种操作 ...
- python 复杂表达式,以及表单的处理
d = { 'Adam': 95, 'Lisa': 85, 'Bart': 59 } def generate_tr(name, score): if score < 60: return '& ...
- python--Subprocess模块
The subprocess module allows you to spawn new processes, connect to their input/output/error pipes, ...