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绘制2D柱状图和折线图的组合图效果示例【附demo源码】
Apr 10 jQuery
jQuery用户头像裁剪插件cropbox.js使用详解
Jun 07 jQuery
Jquery+Ajax+xml实现中国地区选择三级联动菜单效果(推荐)
Jun 09 jQuery
jQuery 表单序列化实例代码
Jun 11 jQuery
运用jQuery写的验证表单(实例讲解)
Jul 06 jQuery
JQuery选中select组件被选中的值方法
Mar 08 jQuery
jQuery序列化form表单数据为JSON对象的实现方法
Sep 20 jQuery
javascript异步处理与Jquery deferred对象用法总结
Jun 04 jQuery
基于jQuery实现可编辑的表格
Dec 11 jQuery
JQuery常用选择器功能与用法实例分析
Dec 23 jQuery
jQuery 选择器用法基础入门示例
Jan 04 jQuery
用jQuery实现抽奖程序
Apr 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获取二维数组中某一列的值集合
2015/12/25 PHP
jquery判断浏览器类型的代码
2012/11/05 Javascript
JS 获取select(多选下拉)中所选值的示例代码
2013/08/02 Javascript
JQuery实现鼠标滑过显示导航下拉列表
2013/09/12 Javascript
javascript闭包入门示例
2014/04/30 Javascript
js文本框输入内容智能提示效果
2015/12/02 Javascript
AngularJS基础 ng-switch 指令简单示例
2016/08/03 Javascript
AngularJS基于ui-route实现深层路由的方法【路由嵌套】
2016/12/14 Javascript
NodeJS配置HTTPS服务实例分享
2017/02/19 NodeJs
jQuery zTree树插件动态加载实例代码
2017/05/11 jQuery
在Vue组件中使用 TypeScript的方法
2018/02/28 Javascript
详解Puppeteer 入门教程
2018/05/09 Javascript
JS使用队列对数组排列,基数排序算法示例
2019/03/02 Javascript
React中this丢失的四种解决方法
2019/03/12 Javascript
OpenLayers3实现地图显示功能
2020/09/25 Javascript
[01:05:40]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS DT第三场
2014/05/24 DOTA
[43:33]EG vs Spirit Supermajor 败者组 BO3 第一场 6.4
2018/06/05 DOTA
用python处理MS Word的实例讲解
2018/05/08 Python
Python基于dom操作xml数据的方法示例
2018/05/12 Python
pytorch中tensor的合并与截取方法
2018/07/26 Python
详解pyenv下使用python matplotlib模块的问题解决
2018/11/29 Python
PyQt5重写QComboBox的鼠标点击事件方法
2019/06/25 Python
python利用re,bs4,requests模块获取股票数据
2019/07/29 Python
爬虫代理池Python3WebSpider源代码测试过程解析
2019/12/20 Python
Python调用飞书发送消息的示例
2020/11/10 Python
利用css3制作3D样式按钮实现代码
2013/03/18 HTML / CSS
中国专业的音频分享平台:喜马拉雅
2019/05/24 全球购物
char型变量中能不能存贮一个中文汉字
2015/07/08 面试题
领导接待方案
2014/03/13 职场文书
大学新生入学教育方案
2014/05/16 职场文书
应聘教师求职信
2014/07/19 职场文书
技术入股合作协议书
2014/10/07 职场文书
大学四年个人总结
2015/03/03 职场文书
小学教师自我评价
2015/03/04 职场文书
mysql 8.0.24 安装配置方法图文教程
2021/05/12 MySQL
如何使用Tkinter进行窗口的管理与设置
2021/06/30 Python