window.opener方法的调用

最新推荐文章于 2025-10-02 18:56:35 发布

原创最新推荐文章于 2025-10-02 18:56:35 发布 · 3.1k 阅读

1 ·

CC 4.0 BY-SA版权

原生JS 专栏收录该内容

12 篇文章

订阅专栏

本文通过一个示例展示了如何在Chrome浏览器中实现主窗口与弹出子窗口之间的交互，包括子窗口向主窗口传递返回值的过程。该示例采用纯JavaScript编写，不依赖任何前端框架。

在chrome浏览器里使用必须是在项目里面

main.html代码

<!DOCTYPE html>
<html>
<head>
	<title>main</title>
	<meta charset="utf-8">
<script language="javascript" type="text/javascript">
  var wd;
  var winTimer;//计时器变量, 监听窗口关闭 
  function openWindow() {
        wd = window.open("child.html",null," height=300,width=450,  Left=300px,Top=20px, menubar=no,titlebar=no,scrollbar=no,toolbar=no, status=no,location=no");
        if (wd){
          window.wd.focus();//判断窗口是否打开,如果打开,窗口前置  
          winTimer=window.setInterval("wisclosed()",500);
        }

  }
  function wisclosed(){
    if(wd.closed){  
      alert(window.returnVaule);//子窗体返回值  
      //这里可以做赋值操作  
      window.clearInterval(winTimer);  
    }  
  }
 </script>
</head>
<body>
	<input type="button" id="btnShow" onclick="openWindow();"  value="显示子窗口"/>
</body>
</html>

child.html代码

<!DOCTYPE html>
<html>
<head>
	<title>child</title>
	<meta charset="utf-8">
<script language="javascript" type="text/javascript">
   function doclose() {
    window.opener.window.returnVaule="ok";  
    parent.window.close(); 
  }
</script>
</head>
<body>
 <input type="button" id="btnSelect" onclick="doclose();"  value="关闭"/> 
</body>
</html>