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实现静态搜索功能(可输入搜索文字)
Mar 28 jQuery
jQuery动态追加页面数据以及事件委托详解
May 06 jQuery
关于jQuery库冲突的完美解决办法
May 20 jQuery
JQuery 封装 Ajax 常用方法(推荐)
May 21 jQuery
jQuery开源组件BootstrapValidator使用详解
Jun 29 jQuery
基于jQuery Easyui实现登陆框界面
Jul 10 jQuery
基于jquery trigger函数无法触发a标签的两种解决方法
Jan 06 jQuery
jQuery+SpringMVC中的复选框选择与传值实例
Jan 08 jQuery
JQuery属性操作与循环用法示例
May 15 jQuery
一文快速了解JQuery中的AJAX
May 31 jQuery
jQuery实现评论模块
Aug 19 jQuery
jQuery实现简单轮播图效果
Dec 27 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
《斗罗大陆》六翼天使武魂最强,为什么老千家不是上三宗?
2020/03/02 国漫
PHP+AJAX实现无刷新注册(带用户名实时检测)
2007/01/02 PHP
解析在apache里面给php写虚拟目录的详细方法
2013/06/24 PHP
Yii2.0高级框架数据库增删改查的一些操作
2015/11/16 PHP
curl 出现错误的调试方法(必看)
2017/02/13 PHP
深入理解jQuery中live与bind方法的区别
2013/12/18 Javascript
JS实现新浪博客左侧的Blog管理菜单效果代码
2015/10/22 Javascript
axios学习教程全攻略
2017/03/26 Javascript
基于vue2.x的电商图片放大镜插件的使用
2018/01/22 Javascript
layui表格checkbox选择全选样式及功能的实例
2018/03/07 Javascript
vue 自定义提示框(Toast)组件的实现代码
2018/08/17 Javascript
JavaScript中concat复制数组方法浅析
2019/01/20 Javascript
JavaScript使用小插件实现倒计时的方法讲解
2019/03/11 Javascript
Javascript 对象(object)合并操作实例分析
2019/07/30 Javascript
vue.js使用v-model实现父子组件间的双向通信示例
2020/02/05 Javascript
koa2的中间件功能及应用示例
2020/03/05 Javascript
python和pyqt实现360的CLable控件
2014/02/21 Python
Python中自定义函数的教程
2015/04/27 Python
编写Python脚本把sqlAlchemy对象转换成dict的教程
2015/05/29 Python
Python绘制3d螺旋曲线图实例代码
2017/12/20 Python
python和opencv实现抠图
2018/07/18 Python
Python 中如何实现参数化测试的方法示例
2019/12/10 Python
基于python3的socket聊天编程
2020/02/17 Python
python 线性回归分析模型检验标准--拟合优度详解
2020/02/24 Python
浅谈python 调用open()打开文件时路径出错的原因
2020/06/05 Python
HTML5 Canvas的性能提高技巧经验分享
2013/07/02 HTML / CSS
GANT英国官方网上商店:甘特衬衫
2018/02/06 全球购物
教师试用期自我鉴定
2014/02/12 职场文书
四风批评与自我批评范文
2014/10/14 职场文书
《爱的教育》读书心得
2014/11/08 职场文书
解除同居协议书
2015/01/29 职场文书
火烧圆明园的观后感
2015/06/03 职场文书
《富饶的西沙群岛》教学反思
2016/02/16 职场文书
2019年大学生学年自我鉴定!
2019/03/25 职场文书
2019大学毕业晚会主持词
2019/06/21 职场文书
手把手教你使用TensorFlow2实现RNN
2021/07/15 Python