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数据格式排版高亮插件json-viewer.js使用方法详解
Jun 12 jQuery
浅谈jQuery框架Ajax常用选项
Jul 08 jQuery
jQuery实现可编辑表格并生成json结果(实例代码)
Jul 19 jQuery
jquery使用iscorll实现上拉、下拉加载刷新
Oct 26 jQuery
jQuery实现标签子元素的添加和赋值方法
Feb 24 jQuery
[原创]jquery判断元素内容是否为空的方法
May 04 jQuery
Jquery的autocomplete插件用法及参数讲解
Mar 12 jQuery
JQuery 实现文件下载的常用方法分析
Oct 29 jQuery
JQuery使用属性addClass、removeClass和toggleClass实现增加和删除类操作示例
Nov 18 jQuery
jQuery实现轮播图效果demo
Jan 11 jQuery
jquery实现进度条状态展示
Mar 26 jQuery
JQuery通过键盘控制键盘按下与松开触发事件
Aug 07 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
Apache环境下PHP利用HTTP缓存协议原理解析及应用分析
2010/02/16 PHP
php设计模式 FlyWeight (享元模式)
2011/06/26 PHP
PHP flock 文件锁详细介绍
2012/12/29 PHP
php过滤输入操作之htmlentities与htmlspecialchars用法分析
2017/02/17 PHP
判断页面是关闭还是刷新的js代码
2007/01/28 Javascript
用javascript实现的支持lrc歌词的播放器
2007/05/17 Javascript
jquery 查找iframe父级页面元素的实现代码
2011/08/28 Javascript
Javascript+CSS实现影像卷帘效果思路及代码
2014/10/20 Javascript
Javascript中数组方法汇总(推荐)
2015/04/01 Javascript
JS实现按比例缩放图片的方法(附C#版代码)
2015/12/08 Javascript
JS中使用apply、bind实现为函数或者类传入动态个数的参数
2016/04/26 Javascript
angularjs实现多张图片上传并预览功能
2017/02/24 Javascript
vue.js之vue-cli脚手架的搭建详解
2017/05/05 Javascript
angularJs中datatable实现代码
2017/06/03 Javascript
详解vue跨组件通信的几种方法
2017/06/15 Javascript
详解Vue路由History mode模式中页面无法渲染的原因及解决
2017/09/28 Javascript
详解在vue-cli中使用graphql即vue-apollo的用法
2018/09/08 Javascript
从零开始封装自己的自定义Vue组件
2018/10/09 Javascript
小程序云函数调用API接口的方法
2019/05/17 Javascript
Vue中添加滚动事件设置的方法详解
2020/09/14 Javascript
python开发的小球完全弹性碰撞游戏代码
2013/10/15 Python
Python实现单词拼写检查
2015/04/25 Python
Python实用日期时间处理方法汇总
2015/05/09 Python
Python简单检测文本类型的2种方法【基于文件头及cchardet库】
2016/09/18 Python
基于numpy.random.randn()与rand()的区别详解
2018/04/17 Python
Django的用户模块与权限系统的示例代码
2019/07/24 Python
Python实现微信机器人的方法
2019/09/06 Python
Python处理PDF与CDF实例
2020/02/26 Python
python如何构建mock接口服务
2021/01/28 Python
HTML5中语义化 b 和 i 标签
2008/10/17 HTML / CSS
HTML5手指下滑弹出负一屏阻止移动端浏览器内置下拉刷新功能的实现代码
2020/04/10 HTML / CSS
毕业生的自我评价
2013/12/30 职场文书
自我评价范文分享
2014/01/04 职场文书
县委常委班子对照检查材料思想汇报
2014/09/28 职场文书
2016年精神文明建设先进个人事迹材料
2016/02/29 职场文书
Redis之RedisTemplate配置方式(序列和反序列化)
2022/03/13 Redis