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实现图片轮播效果
May 08 jQuery
jQuery遍历节点方法汇总(推荐)
May 13 jQuery
文本溢出插件jquery.dotdotdot.js使用方法详解
Jun 22 jQuery
jQuery+ajax实现修改密码验证功能实例详解
Jul 06 jQuery
Mui使用jquery并且使用点击跳转新窗口的实例
Aug 19 jQuery
jquery实现限制textarea输入字数的方法
Sep 06 jQuery
jQuery响应滚动条事件功能示例
Oct 14 jQuery
使用jquery Ajax实现上传附件功能
Oct 23 jQuery
jQuery实现ajax的嵌套请求案例分析
Feb 16 jQuery
JS实现点击生成UUID的方法完整实例【基于jQuery】
Jun 12 jQuery
jquery实现简易验证插件封装
Sep 13 jQuery
jQuery实现容器间的元素拖拽功能
Dec 01 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通过COM使用ADODB的简单例子
2006/12/31 PHP
php文件缓存类汇总
2014/11/21 PHP
PHP常见字符串处理函数用法示例【转换,转义,截取,比较,查找,反转,切割】
2016/12/24 PHP
搜索附近的人PHP实现代码
2018/02/11 PHP
PHP反射学习入门示例
2019/06/14 PHP
THINKPHP-Apache服务器中使用Alias虚拟目录URL重写 隐藏index.php
2021/03/09 PHP
网上抓的一个特效
2007/05/11 Javascript
用js实现下载远程文件并保存在本地的脚本
2008/05/06 Javascript
Javascript的匿名函数小结
2009/12/31 Javascript
jquery checkbox,radio是否选中的判断代码
2010/03/20 Javascript
js 在定义的时候立即执行的函数表达式(function)写法
2013/01/16 Javascript
zTree插件之多选下拉菜单实例代码
2013/11/06 Javascript
jQuery中innerWidth()方法用法实例
2015/01/19 Javascript
javascript三元运算符用法实例
2015/04/16 Javascript
浅谈利用JavaScript进行的DDoS攻击原理与防御
2015/06/04 Javascript
jQuery实现带滑动条的菜单效果代码
2015/08/26 Javascript
使用jQuery实现Web页面换肤功能的要点解析
2016/05/12 Javascript
使用jQuery制作遮罩层弹出效果的极简实例分享
2016/05/12 Javascript
微信小程序 HTTPS报错整理常见问题及解决方案
2016/12/14 Javascript
Vue利用Blob下载原生二进制数组文件
2019/09/25 Javascript
教你使用python实现微信每天给女朋友说晚安
2018/03/23 Python
pandas带有重复索引操作方法
2018/06/08 Python
解决pycharm安装后代码区不能编辑的问题
2018/10/28 Python
python获取txt文件词向量过程详解
2019/07/05 Python
Python 中pandas索引切片读取数据缺失数据处理问题
2019/10/09 Python
Pytorch 计算误判率,计算准确率,计算召回率的例子
2020/01/18 Python
简单了解Django项目应用创建过程
2020/07/06 Python
Python3+selenium配置常见报错解决方案
2020/08/28 Python
CSS3属性box-sizing使用指南
2014/12/09 HTML / CSS
html5如何及时更新缓存文件(js、css或图片)
2013/06/24 HTML / CSS
美国最大的烧烤架和户外生活用品专业零售商:Barbeques Galore
2021/01/09 全球购物
工作自荐信
2013/12/11 职场文书
汽车销售经理岗位职责
2014/06/09 职场文书
企业财务人员岗位职责
2015/04/14 职场文书
springmvc直接不经过controller访问WEB-INF中的页面问题
2022/02/24 Java/Android
分享MySQL常用 内核 Debug 几种常见方法
2022/03/17 MySQL