JS与jQuery实现子窗口获取父窗口元素值的方法
网络 2017-05-02 1748
这篇文章主要介绍了JS与jQuery实现子窗口获取父窗口元素值的方法,涉及javascript与jQuery操作窗口元素的相关技巧,需要的朋友可以参考下
本文实例讲述了JS与jQuery实现子窗口获取父窗口元素值的方法。分享给大家供大家参考，具体如下：
功能描述：父窗口有一个input，和一个button ，点击button打开子窗口，在子窗口中获取父窗口中input的值，并显示。
js:
父窗口：
?
1 2 | <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" /> |
子窗口：
?
1 | curproject = window.opener.document.getElementById("currentProjectIDForDetail").value; |
jQuery：
父窗口：
?
1 2 | <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" /> |
子窗口：
?
1 2 3 4 5 6 7 8 9 | <script> $(function () { temp=$("#aa",window.opener.document).val(); $("#bb").html(temp); }) </script> </head> <body> <div id="bb"></div> |
结果：
上一篇：JS简单验证上传文件类型的方法
