JS与jQuery实现子窗口获取父窗口元素值的方法

时间:2020-05-15 捂汗县长人气:0

本文实例讲述了JS与jQuery实现子窗口获取父窗口元素值的方法。分享给大家供大家参考，具体如下：

功能描述：父窗口有一个input，和一个button ，点击button打开子窗口，在子窗口中获取父窗口中input的值，并显示。

js:

父窗口：

<input type="text" name="currentProjectIDForDetail" id="currentProjectIDForDetail" disabled="disabled" />
<input type="button" onclick="window.open('showDetails.html','','toolsbar=no,menubar=no,resizable=yes,scrollbars=yes')" value="查看已有明细" id="showDetail" />

子窗口：

curproject = window.opener.document.getElementById("currentProjectIDForDetail").value;

jQuery：

父窗口：

<input type="text" name="aa" id="aa" />
<input type="button" onclick="window.open('son.html','','toolsbar=no,menubar=no,resizable=yes,scrollbars=yes')" value="send" />

子窗口：

<script>
  $(function () {
    temp=$("#aa",window.opener.document).val();
    $("#bb").html(temp);
  })
</script>
  </head>
  <body>
  <div id="bb"></div>

结果：

希望本文所述对大家JavaScript程序设计有所帮助。

加载全部内容