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插件FusionCharts绘制2D双折线图效果示例【附demo源码】
Apr 14 jQuery
浅谈事件冒泡、事件委托、jQuery元素节点操作、滚轮事件与函数节流
Jul 22 jQuery
jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法
Oct 20 jQuery
基于jquery trigger函数无法触发a标签的两种解决方法
Jan 06 jQuery
jQuery实现图片上传预览效果功能完整实例【测试可用】
May 28 jQuery
jQuery实现模糊搜索功能的方法分析
Jun 29 jQuery
Jquery和CSS实现选择框重置按钮功能
Nov 08 jQuery
jQuery访问json文件中数据的方法示例
Jan 28 jQuery
基于Bootstrap和JQuery实现动态打开和关闭tab页的实例代码
Jun 10 jQuery
jQuery层叠选择器用法实例分析
Jun 28 jQuery
jQuery实现图片下载代码
Jul 18 jQuery
jquery向后台提交数组的代码分析
Feb 20 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
关于PHP5 Session生命周期介绍
2010/03/02 PHP
php入门学习知识点一 PHP与MYSql连接与查询
2011/07/14 PHP
一款简单实用的php操作mysql数据库类
2014/12/08 PHP
PHP配置把错误日志以邮件方式发送方法(Windows系统)
2015/06/23 PHP
PHP中Session和Cookie是如何操作的
2015/10/10 PHP
php如何修改SESSION的生存存储时间的实例代码
2017/07/05 PHP
PHP利用pdo_odbc实现连接数据库示例【基于ThinkPHP5.1搭建的项目】
2019/05/13 PHP
json 实例详细说明教程
2009/10/31 Javascript
jQuery UI AutoComplete 自动完成使用小记
2010/08/21 Javascript
qTip 基于JQuery的Tooltip插件[兼容性好]
2010/09/01 Javascript
js正则表达exec与match的区别说明
2014/01/29 Javascript
浅谈JavaScript中的Math.atan()方法的使用
2015/06/14 Javascript
jQuery实现带有上下控制按钮的简单多行滚屏效果代码
2015/09/04 Javascript
nodejs和php实现图片访问实时处理
2017/01/05 NodeJs
bootstrap table 数据表格行内修改的实现代码
2017/02/13 Javascript
深入理解 Koa 框架中间件原理
2018/10/18 Javascript
详解js 创建对象的几种方法
2019/03/08 Javascript
如何使用RoughViz可视化Vue.js中的草绘图表
2021/01/30 Vue.js
python实现360皮肤按钮控件示例
2014/02/21 Python
Python 线程池用法简单示例
2019/10/02 Python
Django日志及中间件模块应用案例
2020/09/10 Python
Python Charles抓包配置实现流程图解
2020/09/29 Python
利用CSS3的flexbox实现水平垂直居中与三列等高布局
2016/09/12 HTML / CSS
纯css3实现宠物小鸡实例代码
2018/10/08 HTML / CSS
迪卡侬荷兰官网:Decathlon荷兰
2017/10/29 全球购物
土木工程应届生求职信
2013/10/31 职场文书
建筑节能汇报材料
2014/08/22 职场文书
大学生学习面向未来的赶考思想汇报
2014/09/12 职场文书
校园广播稿精选
2014/10/01 职场文书
教师正风肃纪剖析材料
2014/10/20 职场文书
2014年质检工作总结
2014/11/26 职场文书
欧也妮葛朗台读书笔记
2015/06/30 职场文书
sql通过日期判断年龄函数的示例代码
2021/07/16 SQL Server
JavaScript实现队列结构过程
2021/12/06 Javascript
SQL Server使用导出向导功能
2022/04/08 SQL Server
Windows server 2012 NTP时间同步的实现
2022/06/25 Servers