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 EasyUI 组件加上“清除”功能实例详解
Apr 11 jQuery
jQuery实现动态添加、删除按钮及input输入框的方法
Apr 27 jQuery
jquery+ajax实现省市区三级联动 (封装和不封装两种方式)
May 15 jQuery
jQuery简单绑定单个事件的方法示例
Jun 10 jQuery
jQuery使用zTree插件实现可拖拽的树示例
Sep 23 jQuery
详解jQuery中的isPlainObject()使用方法
Feb 27 jQuery
用jQuery将JavaScript对象转换为querystring查询字符串的方法
Nov 12 jQuery
jQuery+ajax实现批量删除功能完整示例
Jun 06 jQuery
JQuery样式与属性设置方法分析
Dec 07 jQuery
jQuery擦除插件eraser使用方法详解
Jan 11 jQuery
jquery+css3实现的经典弹出层效果示例
May 16 jQuery
jquery插件实现代码雨特效
Apr 24 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与已存在的Java应用程序集成
2006/10/09 PHP
php数据库连接
2006/10/09 PHP
使用PHP批量生成随机用户名
2008/07/10 PHP
php 解决旧系统 查出所有数据分页的类
2012/08/27 PHP
PHP字符串长度计算 - strlen()函数使用介绍
2013/10/15 PHP
php基于base64解码图片与加密图片还原实例
2014/11/03 PHP
PHP中$_SERVER使用说明
2015/07/05 PHP
PHP查看当前变量类型的方法
2015/07/31 PHP
PHP实现递归复制整个文件夹的类实例
2015/08/03 PHP
解决在Laravel 中处理OPTIONS请求的问题
2019/10/11 PHP
dwr spring的集成实现代码
2009/03/22 Javascript
this和执行上下文实现代码
2010/07/01 Javascript
纯js实现瀑布流展现照片(自动适应窗口大小)
2013/04/08 Javascript
js监听滚动条滚动事件使得某个标签内容始终位于同一位置
2014/01/24 Javascript
使用jQuery设置disabled属性与移除disabled属性
2014/08/21 Javascript
在JavaScript中使用NaN值的方法
2015/06/05 Javascript
javaScript语法总结
2016/11/25 Javascript
CentOS环境中MySQL修改root密码方法
2018/01/07 Javascript
详解node登录接口之密码错误限制次数(含代码)
2019/10/25 Javascript
python实现的一个p2p文件传输实例
2014/06/04 Python
解决Shell执行python文件,传参空格引起的问题
2018/10/30 Python
python区块及区块链的开发详解
2019/07/03 Python
Python编译成.so文件进行加密后调用的实现
2019/12/23 Python
什么是python的自省
2020/06/21 Python
浅析Python __name__ 是什么
2020/07/07 Python
python实现梯度下降算法的实例详解
2020/08/17 Python
Matplotlib配色之Colormap详解
2021/01/05 Python
Moss Bros官网:英国排名第一的西装店
2020/02/26 全球购物
Loreto Gallo英国:欧洲领先的在线药房
2021/01/21 全球购物
应用电子技术专业个人求职信
2013/09/21 职场文书
财务管理专业应届毕业生求职信
2013/09/22 职场文书
护士专业推荐信
2013/11/02 职场文书
中国梦我的梦演讲稿
2014/04/23 职场文书
综合实践活动总结
2014/05/05 职场文书
2014高三学生考试作弊检讨书
2014/12/14 职场文书
卫生院义诊活动总结
2015/05/07 职场文书