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

本文实例讲述了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程序设计有所帮助。

# JS # jQuery # 子窗口 # 获取 # 父窗口 # 元素值 # js jquery 获取某一元素到浏览器顶端的距离实现方法 # JavaScript与JQUERY获取元素的宽、高和位置 # 使用jquery/js获取iframe父子级、同级获取元素的方法 # JavaScript和jquery获取父级元素、子级元素、兄弟元素的方法 # js jquery获取当前元素的兄弟级上一个下一个元素 # Js与Jq 获取页面元素值的方法和差异对比 # js与jquery获取父级元素 # 子级元素 # 兄弟元素的实现方法 # js与jquery获取父元素 # 删除子元素的两种不同方法 # JS和JQUERY获取页面大小 # 滚动条位置 # 元素位置(示例代码) # 原生JS与JQ获取元素的区别详解 # 相关内容 # 窗口中 # 已有 # 遍历 # 感兴趣 # 数据结构 # 给大家 # 更多关于 # 所述 # 程序设计 # 有一个 # 操作技巧 # 讲述了 # pre # class # brush # color # ff # text # currentProjectIDForDetail

返回目录在线咨询

上一篇：如何在Golang中实现Web请求路由匹配_Golang路由规则解析与管理方法
下一篇：微信APP自助建站支持哪些支付方式？如何添加到我的网站？

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

全网整合营销服务商

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

您的项目需求