当前位置: 移动技术网 > IT编程>开发语言>JavaScript > JS与jQuery实现子窗口获取父窗口元素值的方法

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

2018年05月21日  | 移动技术网IT编程  | 我要评论
本文实例讲述了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程序设计有所帮助。

如您对本文有疑问或者有任何想说的,请 点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网