JS与jQuery实现子窗口获取父窗口元素值的方法
程序员文章站
2023-12-26 13:48:39
本文实例讲述了js与jquery实现子窗口获取父窗口元素值的方法。分享给大家供大家参考,具体如下:
功能描述:父窗口有一个input,和一个button ,点击butto...
本文实例讲述了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相关内容感兴趣的读者可查看本站专题:《javascript操作dom技巧总结》、《javascript数组操作技巧总结》、《javascript排序算法总结》、《javascript遍历算法与技巧总结》、《javascript数学运算用法总结》、《javascript数据结构与算法技巧总结》、《javascript查找算法技巧总结》及《javascript错误与调试技巧总结》
希望本文所述对大家javascript程序设计有所帮助。
推荐阅读
-
jquery、js调用iframe父窗口与子窗口元素的方法教程
-
JS与jQuery实现子窗口获取父窗口元素值的方法
-
jquery获取父窗口的元素实现方法
-
jQuery获取父窗口与子窗口的iframe案例详解
-
JS获取父窗口与子窗口的iframe案例详解
-
ymPrompt的doHandler方法来实现获取子窗口返回值的方法_javascript技巧
-
jquery、js调用iframe父窗口与子窗口元素的方法教程
-
js与jquery获取父元素,删除子元素的两种不同方法_javascript技巧
-
jquery获取父窗口的元素实现方法
-
js与jquery获取父级元素,子级元素,兄弟元素的实现方法_javascript技巧