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 UI Grid 模态框中的表格实例代码
Apr 01 jQuery
jQuery Plupload上传插件的使用
Apr 19 jQuery
jquery中$.fn和图片滚动效果实现的必备知识总结
Apr 21 jQuery
jQuery niceScroll滚动条错位问题的解决方法
Feb 03 jQuery
jQuery实现新闻播报滚动及淡入淡出效果示例
Mar 23 jQuery
[原创]jQuery实现合并/追加数组并去除重复项的方法
Apr 11 jQuery
jQuery简单实现的HTML页面文本框模糊匹配查询功能完整示例
May 09 jQuery
jquery判断滚动条距离顶部的距离方法
Sep 05 jQuery
jQuery超简单遮罩层实现方法示例
Sep 06 jQuery
jQuery判断自定义属性data-val用法示例
Jan 07 jQuery
jQuery实现雪花飘落效果
Aug 02 jQuery
jquery实现图片放大镜效果
Dec 23 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 高手之路(二)
2006/10/09 PHP
php 404错误页面实现代码
2009/06/22 PHP
PHP详解ASCII码对照表与字符转换
2011/12/05 PHP
PHP中遇到的时区问题解决方法
2015/07/23 PHP
PHP中用Trait封装单例模式的实现
2019/12/18 PHP
JavaScript 捕获窗口关闭事件
2009/07/26 Javascript
jQuery实现随意改变div任意属性的名称和值(部分原生js实现)
2013/05/28 Javascript
jquery中toggle函数交替使用问题
2015/06/22 Javascript
jQuery AjaxUpload 上传图片代码
2016/02/02 Javascript
纯js实现手风琴效果
2020/04/17 Javascript
微信小程序 数据封装,参数传值等经验分享
2017/01/09 Javascript
bootstrap警告框使用方法解析
2017/01/13 Javascript
原生JS实现不断变化的标签
2017/05/22 Javascript
zTree树形插件异步加载方法详解
2017/06/14 Javascript
View.post() 不靠谱的地方你知道多少
2017/08/29 Javascript
vue-cli中的webpack配置详解
2017/09/25 Javascript
在vscode中统一vue编码风格的方法
2018/02/22 Javascript
浅谈Vue 性能优化之深挖数组
2018/12/11 Javascript
[01:08:09]DOTA2上海特级锦标赛主赛事日 - 1 胜者组第一轮#1Liquid VS Alliance第二局
2016/03/02 DOTA
Python写的Discuz7.2版faq.php注入漏洞工具
2014/08/06 Python
简单的抓取淘宝图片的Python爬虫
2014/12/25 Python
Django 导出 Excel 代码的实例详解
2017/08/11 Python
tensorflow saver 保存和恢复指定 tensor的实例讲解
2018/07/26 Python
python单线程文件传输的实例(C/S)
2019/02/13 Python
python实现两张图片拼接为一张图片并保存
2019/07/16 Python
使用Pycharm在运行过程中,查看每个变量的操作(show variables)
2020/06/08 Python
解决tensorflow读取本地MNITS_data失败的原因
2020/06/22 Python
python实现简单的学生管理系统
2021/02/22 Python
Internet主要有哪些网络群组成
2015/12/24 面试题
知识竞赛活动方案
2014/02/18 职场文书
美术社团活动总结
2014/06/27 职场文书
爱与责任师德演讲稿
2014/08/26 职场文书
小区门卫的岗位职责
2014/09/26 职场文书
法律意见书范文
2015/06/04 职场文书
基于Python的EasyGUI学习实践
2021/05/07 Python
nginx配置文件使用环境变量的操作方法
2021/06/02 Servers