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实现瀑布流页面
Apr 11 jQuery
jquery.masonry瀑布流效果
May 25 jQuery
JavaScript实现离开页面前提示功能【附jQuery实现方法】
Sep 26 jQuery
JS/jQuery实现DIV延时几秒后消失或显示的方法
Feb 12 jQuery
使用jQuery给Table动态增加行、清空table的方法
Sep 05 jQuery
jQuery中each遍历的三种方法实例分析
Sep 07 jQuery
jQuery.parseJSON()函数详解
Feb 28 jQuery
JQuery Ajax跨域调用和非跨域调用问题实例分析
Apr 16 jQuery
JS秒杀倒计时功能完整实例【使用jQuery3.1.1】
Sep 03 jQuery
jQuery实现王者荣耀手风琴效果
Jan 17 jQuery
jQuery操作选中select下拉框的值代码实例
Feb 07 jQuery
jquery实现广告上下滚动效果
Mar 04 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中一些可能会被忽略的问题
2013/06/21 PHP
php中debug_backtrace、debug_print_backtrace和匿名函数用法实例
2014/12/01 PHP
PHP简单检测网址是否能够正常打开的方法
2016/09/04 PHP
php将字符串转换为数组实例讲解
2020/05/05 PHP
cnblogs 代码高亮显示后的代码复制问题解决实现代码
2011/12/14 Javascript
JavaScript中的noscript元素属性位置及作用介绍
2013/04/11 Javascript
js网页版计算器的简单实现
2013/07/02 Javascript
设置jsf的选择框h:selectOneMenu为不可编辑状态的方法
2014/01/07 Javascript
js与jquery实时监听输入框值的oninput与onpropertychange方法
2015/02/05 Javascript
javascript中clipboardData对象用法详解
2015/05/13 Javascript
深入探究node之Transform
2017/07/20 Javascript
微信小程序组件之srcoll-view的详解
2017/10/19 Javascript
javascript中的replace函数(带注释demo)
2018/01/07 Javascript
React Form组件的实现封装杂谈
2018/05/07 Javascript
ES6与CommonJS中的模块处理的区别
2018/06/13 Javascript
从零开始封装自己的自定义Vue组件
2018/10/09 Javascript
vue-router传递参数的几种方式实例详解
2018/11/13 Javascript
vue自定义指令之面板拖拽的实现
2019/04/14 Javascript
JavaScript Window窗口对象属性和使用方法
2020/01/19 Javascript
JS数组降维的实现Array.prototype.concat.apply([], arr)
2020/04/28 Javascript
[52:02]DOTA2-DPC中国联赛 正赛 Phoenix vs Dragon BO3 第二场 2月26日
2021/03/11 DOTA
详解python之配置日志的几种方式
2017/05/22 Python
简单谈谈python中的lambda表达式
2018/01/19 Python
python flask中静态文件的管理方法
2018/03/20 Python
Python3.7实现中控考勤机自动连接
2018/08/28 Python
python查看文件大小和文件夹内容的方法
2019/07/08 Python
浅析python redis的连接及相关操作
2019/11/07 Python
python 使用opencv 把视频分割成图片示例
2019/12/12 Python
python实现的Iou与Giou代码
2020/01/18 Python
django 实现简单的插入视频
2020/04/07 Python
使用tensorflow框架在Colab上跑通猫狗识别代码
2020/04/26 Python
美国在线宠物用品商店:Entirely Pets
2017/01/01 全球购物
多媒体编辑专业毕业生求职信
2014/06/13 职场文书
暑假社会实践心得体会
2014/09/02 职场文书
2014年污水处理厂工作总结
2014/12/19 职场文书
详解PHP服务器如何在有限的资源里最大提升并发能力
2021/05/25 PHP