js中window对象的opener属性的一个坑
Posted 老酒馆
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js中window对象的opener属性的一个坑相关的知识，希望对你有一定的参考价值。
2018-05-08 17:48:33
今天我编写js代码时碰到了一个让我纠结了很久的小问题，在此记录一下当做笔记，
这个问题就是：在我自己写的子窗口中用opener属性却获取不到父窗口的window对象。
现在已经解决这个问题，请看下文
这是父窗口（windows.html）的代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<input type="button" value="打开子窗口" onclick="show()" /><br/>
</body>
<script type="text/javascript" >
function show(){
window.open("user.html","","height=300,width=400","");
}
</script>
</html>
这是子窗口（user.html）的代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<input type="button" value="弹出来" onclick="run()" /><br/>
</body>
<script type="text/javascript" >
function run(){
window.opener.alert("弹弹弹");
}
</script>
</html>
不出意外的话，点击一下父窗口的button，会弹出子窗口，
然后再点击子窗口是button，父窗口中会出现一个弹窗（弹窗上写着弹弹弹三个字）；
然而却父窗口却没有弹窗弹出来，接下来我在子窗口按f12看调试的时候，有错误说我没有获取到父窗口的引用。。。
纠结了好久之后，我换了另外一个浏览器火狐，然后成功了。
解决这个问题的方法就是，不能用Chrome这个浏览器来运行这段代码（并非黑Chrome），至于原因我也不太清楚。。。。先不管这个了
以上是关于js中window对象的opener属性的一个坑的主要内容，如果未能解决你的问题，请参考以下文章