码迷,mamicode.com
首页 > Windows程序 > 详细

js中window对象的opener属性的一个坑

时间:2018-05-08 19:26:05      阅读:1043      评论:0      收藏:0      [点我收藏+]

标签:tle   错误   获取   win   button   编写   public   fun   调试   

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属性的一个坑

标签:tle   错误   获取   win   button   编写   public   fun   调试   

原文地址:https://www.cnblogs.com/oldpub-blog/p/9009832.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!