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解析获取JSON数据
Apr 08 jQuery
解决jQuery ajax动态新增节点无法触发点击事件的问题
May 24 jQuery
Jquery中attr与prop的区别详解
May 27 jQuery
利用jQuery异步上传文件的插件用法详解
Jul 19 jQuery
jQuery plugin animsition使用小结
Sep 14 jQuery
jQuery实现的点击标题文字切换字体效果示例【测试可用】
Apr 26 jQuery
jQuery实现侧边栏隐藏与显示的方法详解
Dec 22 jQuery
jQuery使用$.extend(true,object1, object2);实现深拷贝对象的方法分析
Mar 06 jQuery
使用JQuery自动完成插件Auto Complete详解
Jun 18 jQuery
jquery树形插件zTree高级使用详解
Aug 16 jQuery
jQuery操作元素的内容和样式完整实例分析
Jan 10 jQuery
jQuery使用ajax传递json对象到服务端及contentType的用法示例
Mar 12 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面向对象编程快速入门
2006/10/09 PHP
国产PHP开发框架myqee新手快速入门教程
2014/07/14 PHP
简单PHP会话(session)说明介绍
2016/08/21 PHP
PHP分享图片的生成方法
2018/04/25 PHP
爆炸式的JS圆形浮动菜单特效代码
2010/03/03 Javascript
面向对象设计模式的核心法则
2013/11/10 Javascript
jQuery 取值、赋值的基本方法整理
2014/03/31 Javascript
jQuery应用之jQuery链用法实例
2015/01/19 Javascript
jQuery制作简单柱状图实例
2015/01/28 Javascript
AngularJs ng-repeat 嵌套如何获取外层$index
2016/09/21 Javascript
Windows系统下安装Node.js的步骤图文详解
2016/11/15 Javascript
Angularjs自定义指令Directive详解
2017/05/27 Javascript
实例分析js事件循环机制
2017/12/13 Javascript
Vue组件中slot的用法
2018/01/30 Javascript
video.js 实现视频只能后退不能快进的思路详解
2018/08/09 Javascript
vue实现微信分享链接添加动态参数的方法
2019/04/29 Javascript
react使用antd表单赋值,用于修改弹框的操作
2020/10/29 Javascript
Ant Design Pro 之 ProTable使用操作
2020/10/31 Javascript
[02:15]你好,这就是DOTA!
2015/08/05 DOTA
[56:29]Secret vs Optic 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
python简单实现基数排序算法
2015/05/16 Python
Linux 发邮件磁盘空间监控(python)
2016/04/23 Python
浅谈python配置与使用OpenCV踩的一些坑
2018/04/02 Python
Python实现监控Nginx配置文件的不同并发送邮件报警功能示例
2019/02/26 Python
彻底理解Python中的yield关键字
2019/04/01 Python
Python应用实现双指数函数及拟合代码实例
2020/06/19 Python
python suds访问webservice服务实现
2020/06/26 Python
The North Face北面英国官网:美国著名户外品牌
2017/12/13 全球购物
亚马逊加拿大网站:Amazon.ca
2020/01/06 全球购物
提高EJB性能都有哪些技巧
2012/03/25 面试题
综合素质的自我鉴定
2013/10/07 职场文书
领班岗位职责范文
2014/02/06 职场文书
2016公司年会主持词
2015/07/01 职场文书
python通过函数名调用函数的几种方法总结
2021/06/07 Python
python神经网络Xception模型
2022/05/06 Python
阿里云服务器(windows)手动部署FTP站点详细教程
2022/08/05 Servers