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


Posted in jQuery onApril 17, 2017

本文实例讲述了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>

结果:

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

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

jQuery 相关文章推荐
jQuery插件FusionCharts实现的MSBar3D图效果示例【附demo源码】
Mar 23 jQuery
jQuery插件FusionCharts实现的Marimekko图效果示例【附demo源码】
Mar 24 jQuery
jQuery插件FusionCharts绘制2D柱状图和折线图的组合图效果示例【附demo源码】
Apr 10 jQuery
jQuery Validate表单验证插件实现代码
Jun 08 jQuery
如何将 jQuery 从你的 Bootstrap 项目中移除(取而代之使用Vue.js)
Jul 17 jQuery
快速掌握jquery分页插件jqPaginator的使用方法
Aug 09 jQuery
jQuery插件artDialog.js使用与关闭方法示例
Oct 09 jQuery
基于jquery.page.js实现分页效果
Jan 01 jQuery
jQuery中DOM常见操作实例小结
Aug 01 jQuery
使用jQuery实现掷骰子游戏
Oct 24 jQuery
JQuery中的常用事件、对象属性与使用方法分析
Dec 23 jQuery
jQuery列表动态增加和删除的实现方法
Nov 05 jQuery
jQuery实现动态生成表格并为行绑定单击变色动作的方法
Apr 17 #jQuery
jQuery插件FusionCharts绘制2D双折线图效果示例【附demo源码】
Apr 14 #jQuery
jQuery EasyUI 为Combo,Combobox添加清除值功能的实例
Apr 13 #jQuery
为Jquery EasyUI 组件加上清除功能的方法(详解)
Apr 13 #jQuery
为JQuery EasyUI 表单组件增加焦点切换功能的方法
Apr 13 #jQuery
详谈jQuery.load()和Jsp的include的区别
Apr 12 #jQuery
使用jQuery和ajax代替iframe的方法(详解)
Apr 12 #jQuery
You might like
php仿ZOL分页类代码
2008/10/02 PHP
php处理json时中文问题的解决方法
2011/04/12 PHP
解析PHP中一些可能会被忽略的问题
2013/06/21 PHP
PHP依赖注入(DI)和控制反转(IoC)详解
2017/06/12 PHP
JavaScript 学习初步 入门教程
2010/03/25 Javascript
Javascript 异步加载详解(浏览器在javascript的加载方式)
2012/05/20 Javascript
原生js实现给指定元素的后面追加内容
2013/04/10 Javascript
jQuery中获取checkbox选中项等操作及注意事项
2013/11/24 Javascript
JavaScript验证图片类型(扩展名)的函数分享
2014/05/05 Javascript
jquery-syntax动态语法着色示例代码
2014/05/14 Javascript
jQuery标签编辑插件Tagit使用指南
2015/04/21 Javascript
jQuery实现固定在网页顶部的菜单效果代码
2015/09/02 Javascript
angularjs自定义ng-model标签的属性
2016/01/21 Javascript
详解jQuery的Cookie插件
2016/11/23 Javascript
react路由配置方式详解
2017/08/07 Javascript
Vue props 单向数据流的实现
2018/11/06 Javascript
javascript删除数组元素的七个方法示例
2019/09/09 Javascript
js实现中文实时时钟
2020/01/15 Javascript
Node使用koa2实现一个简单JWT鉴权的方法
2021/01/26 Javascript
关于better-scroll插件的无法滑动bug(2021通过插件解决)
2021/03/01 Javascript
[43:58]DOTA2-DPC中国联赛定级赛 LBZS vs SAG BO3第一场 1月8日
2021/03/11 DOTA
利用Python中SocketServer 实现客户端与服务器间非阻塞通信
2016/12/15 Python
python3+PyQt5实现支持多线程的页面索引器应用程序
2018/04/20 Python
Python面向对象类继承和组合实例分析
2018/05/28 Python
使用python Fabric动态修改远程机器hosts的方法
2018/10/26 Python
使用Python调取任意数字资产钱包余额功能
2019/08/15 Python
python Paramiko使用示例
2020/09/21 Python
英国安全产品购物网站:The Safe Shop
2017/03/20 全球购物
世界汽车零件:World Car Parts
2019/09/04 全球购物
文秘自荐信
2013/10/20 职场文书
管理专员自荐信
2014/01/26 职场文书
党员批评与自我批评总结
2014/10/15 职场文书
质检员岗位职责
2015/02/03 职场文书
一篇合格的广告文案,其主要目的是什么?
2019/07/12 职场文书
vue实现省市区联动 element-china-area-data插件
2022/04/22 Vue.js
Java时间工具类Date的常用处理方法
2022/05/25 Java/Android