父元素与子iframe相互获取变量和元素对象的具体实现


Posted in Javascript onOctober 15, 2013

父中:

<input id="username"type="text" /> 
<scripttype="text/javascript"> 
var count = 1; 
</script>

-------------------------------------------------------------
子iframe中:
<scripttype="text/javascript"> 
alert(window.parent.count); //获取父中的js变量 
alert($("#username", window.parent.document));//获取父中jQuery对象 
alert(window.parent.document.getElementByIdx_x('username'));//获取父中DOM对象 
</script>

--------------------------------------------------------------------------------------------------

子iframe中(id="iframeId"name="iframeName"):

<input id="username"type="text" /> 
<scripttype="text/javascript"> 
varcount = 1; 
</script>

-------------------------------------------------------------
父中:
<scripttype="text/javascript"> 
alert(document.iframeName.count);//获取子iframe中的js变量 
alert($(window.frames["iframeName"].document).contents().find("#username"));//获取子iframe中jQuery对象 
alert($("#username",document.frames("iframeName").document));//获取子iframe中jQuery对象 
alert(window.document.getElementById('iframeId').contentWindow.document.getElementByIdx_x('username'));//获取子iframe中DOM对象 
</script>

收集网上的一些示例:
用jQuery在IFRAME里取得父窗口的某个元素的值
只好用DOM方法与jquery方法结合的方式实现了

1. 在父窗口中操作 选中IFRAME中的所有单选钮
$(window.frames["iframe1"].document).find("input:radio").attr("checked","true");
2. 在IFRAME中操作 选中父窗口中的所有单选钮
$(window.parent.document).find("input:radio").attr("checked","true");
父窗口想获得IFrame中的Iframe,就再加一个frames子级就行了,如:
$(window.frames["iframe1"].frames["iframe2"].document).find("input:radio").attr("checked","true");
3.在子窗口中调用父窗口中的另一个子窗口的方法(FRAME):
parent.frames["Main"].Fun();
注意:建议使用[],这样比较兼容多个浏览器,()火狐/搜狗/谷歌不兼容。

Javascript 相关文章推荐
彪哥1.1(智能表格)提供下载
Sep 07 Javascript
javascript 异步页面查询实现代码(asp.net)
May 26 Javascript
JS在TextArea光标位置插入文字并实现移动光标到文字末尾
Jun 21 Javascript
JavaScript基于setTimeout实现计数的方法
May 08 Javascript
AspNet中使用JQuery上传插件Uploadify详解
May 20 Javascript
AngularJS ng-bind-template 指令详解
Jul 30 Javascript
bootstrap表单按回车会自动刷新页面的解决办法
Mar 08 Javascript
JS原生轮播图的简单实现(推荐)
Jul 22 Javascript
jQuery取得元素标签名称小结(附代码)
Aug 16 jQuery
angularjs数组判断是否含有某个元素的实例
Feb 27 Javascript
html2canvas属性和使用方法以及如何使用html2canvas将HTML内容写入Canvas生成图片
Jan 12 Javascript
PHP 502bad gateway原因及解决方案
Nov 13 Javascript
纯Javascript实现Windows 8 Metro风格实现
Oct 15 #Javascript
自定义ExtJS控件之下拉树和下拉表格附源码
Oct 15 #Javascript
Javascript 实现的数独解题算法网页实例
Oct 15 #Javascript
高效的获取当前元素是父元素的第几个子元素
Oct 15 #Javascript
JS 实现点击a标签的时候让其背景更换
Oct 15 #Javascript
JS操作Cookies的小例子
Oct 15 #Javascript
如何在父窗口中得知window.open()出的子窗口关闭事件
Oct 15 #Javascript
You might like
php查看请求头信息获取远程图片大小的方法分享
2013/12/25 PHP
解决nginx不支持thinkphp中pathinfo的问题
2015/07/21 PHP
PHP中如何判断exec函数执行成功?
2016/08/04 PHP
PHP中关键字interface和implements详解
2017/06/14 PHP
浅谈Laravel核心解读之Console内核
2018/12/02 PHP
编写可维护面向对象的JavaScript代码[翻译]
2011/02/12 Javascript
JavaScript数值转换的三种方式总结
2014/07/31 Javascript
Javascript 构造函数详解
2014/10/22 Javascript
bootstrap fileinput实现文件上传功能
2017/08/23 Javascript
除Console.log()外更多的Javascript调试命令
2018/01/24 Javascript
JavaScript实现秒杀时钟倒计时
2019/09/29 Javascript
JavaScript运动原理基础知识详解
2020/04/02 Javascript
[55:45]DOTA2上海特级锦标赛D组败者赛 Liquid VS COL第一局
2016/02/28 DOTA
[52:52]完美世界DOTA2联赛PWL S3 LBZS vs access 第一场 12.10
2020/12/13 DOTA
python遍历类中所有成员的方法
2015/03/18 Python
Python最基本的输入输出详解
2015/04/25 Python
Python 基于Twisted框架的文件夹网络传输源码
2016/08/28 Python
使用Python将数组的元素导出到变量中(unpacking)
2016/10/27 Python
基于Python实现定时自动给微信好友发送天气预报
2018/10/25 Python
python用插值法绘制平滑曲线
2021/02/19 Python
django做form表单的数据验证过程详解
2019/07/26 Python
使用python绘制二维图形示例
2019/11/22 Python
浅谈在django中使用filter()(即对QuerySet操作)时踩的坑
2020/03/31 Python
golang/python实现归并排序实例代码
2020/08/30 Python
python中random模块详解
2021/03/01 Python
倩碧澳大利亚官网:Clinique澳大利亚
2019/07/22 全球购物
REISS美国官网:伦敦最受欢迎的时尚品牌
2019/08/16 全球购物
教师演讲稿开场白
2014/08/25 职场文书
单位员工收入证明样本
2014/10/09 职场文书
个人作风建设自查报告
2014/10/22 职场文书
2014年销售工作总结范文
2014/12/01 职场文书
五好家庭申报材料
2014/12/20 职场文书
贫困生证明范文
2015/06/16 职场文书
nginx中proxy_pass各种用法详解
2021/11/07 Servers
用Python实现屏幕截图详解
2022/01/22 Python
win10壁纸在哪个文件夹 win10桌面背景图片文件位置分享
2022/08/05 数码科技