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 相关文章推荐
jQueryeasyui 中如何使用datetimebox 取两个日期间相隔的天数
Jun 13 jQuery
jQuery取得元素标签名称小结(附代码)
Aug 16 jQuery
简单实现jQuery轮播效果
Aug 18 jQuery
使用vue与jquery实时监听用户输入状态的操作代码
Sep 19 jQuery
jQuery实现的简单前端搜索功能示例
Oct 28 jQuery
jQuery实现的回车触发按钮事件功能示例
Mar 25 jQuery
jquery实现的简单轮播图功能【适合新手】
Aug 17 jQuery
jQuery实现的老虎机跑动效果示例
Dec 29 jQuery
jquery-ui 进度条功能示例【测试可用】
Jul 25 jQuery
jQuery模仿ToDoList实现简单的待办事项列表
Dec 30 jQuery
jQuery 函数实例分析【函数声明、函数表达式、匿名函数等】
May 19 jQuery
jQuery实现影院选座订座效果
Apr 13 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一些服务器端特性的配置加强php的安全
2006/10/09 PHP
php中获取远程客户端的真实ip地址的方法
2011/08/03 PHP
PHP中操作ini配置文件的方法
2013/04/25 PHP
phpMyAdmin安装并配置允许空密码登录
2015/07/04 PHP
php微信公众号开发之欢迎老朋友
2018/10/20 PHP
鼠标图片振动代码
2006/07/06 Javascript
javascript实现可拖动变色并关闭层窗口实例
2015/05/15 Javascript
js实现iframe框架取值的方法(兼容IE,firefox,chrome等)
2015/11/26 Javascript
Easyui Datagrid自定义按钮列(最后面的操作列)
2017/07/13 Javascript
JS 60秒后重新发送验证码的实例讲解
2017/07/26 Javascript
Angular实现响应式表单
2017/08/04 Javascript
JS实现简单获取最近7天和最近3天日期的方法
2018/04/18 Javascript
使用electron实现百度网盘悬浮窗口功能的示例代码
2018/10/24 Javascript
微信小程序登录数据解密及状态维持实例详解
2019/05/06 Javascript
JavaScript中的ES6 Proxy的具体使用
2019/06/16 Javascript
微信小程序引入模块中wxml、wxss、js的方法示例
2019/08/09 Javascript
js仿京东放大镜效果
2020/08/09 Javascript
Python日期操作学习笔记
2008/10/07 Python
详解Numpy中的广播原则/机制
2018/09/20 Python
基于python的Paxos算法实现
2019/07/03 Python
Python 异步协程函数原理及实例详解
2019/11/13 Python
PyCharm永久激活方式(推荐)
2020/09/22 Python
django Layui界面点击弹出对话框并请求逻辑生成分页的动态表格实例
2020/05/12 Python
python使用多线程查询数据库的实现示例
2020/08/17 Python
详解CSS3的opacity属性设置透明效果的用法
2016/05/09 HTML / CSS
html5+svg学习指南之SVG基础知识
2014/12/17 HTML / CSS
办理信用卡工作证明
2014/01/11 职场文书
清洁工岗位职责
2014/01/29 职场文书
学校食品安全责任书
2015/01/29 职场文书
2015年度个人业务工作总结
2015/04/27 职场文书
会计试用期工作总结2015
2015/05/28 职场文书
联谊会开场白
2015/06/01 职场文书
公司欠款证明
2015/06/24 职场文书
Python快速实现一键抠图功能的全过程
2021/06/29 Python
Python IO文件管理的具体使用
2022/03/20 Python
Win10防火墙白名单怎么设置?Win10添加防火墙白名单方法
2022/04/06 数码科技