从弹出窗口中取值

时间 2019-11-18

标签弹出窗口取值繁體版

原文原文链接

在 javascript 中，咱们怎样获取 window.open 的值。下面咱们给出一个简单的例子。javascript

父窗口

在这个页面中，经过触发 openChildWin() 这个方法来开启窗口。这里定义一个方法，setValue() 来获取子窗口返回值。html

function openChildWin() {   
    var childWin = window.open("childWin.html", "_blank", "height=400, width=550, status=yes, toolbar=no, menubar=no, location=no,addressbar=no"); 
}

function setValue(val1) {
   //这里能够处理你获取额值;
}

子页面

这里就是咱们上面方法中用到的 childWin.html ，这里设置一个按钮，触发 OKClicked() 方法。调用父窗口 setValue() 方法，设置值，并关闭窗口java

<!DOCTYPE html>
<html lang="en">
  <head>

 <script type="text/javascript">

  function OKClicked() {
   window.opener.setValue('Hello');; //返回"Hello"
   window.close(); //关闭窗口
  }

 </script>

  </head>
  <body>
 <button type="button" onclick="OKClicked()">Click ME</button>
  </body>
 </html>