js与jQuery 获取父窗、子窗的iframe


Posted in Javascript onDecember 20, 2013

在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素

js

在父窗口中获取iframe中的元素

1、

格式:window.frames["iframe的name值"].document.getElementByIdx_x("iframe中控件的ID").click();

实例:window.frames["ifm"].document.getElementByIdx_x("btnOk").click();

2、

格式:

var obj=document.getElementByIdx_x("iframe的name").contentWindow;

var ifmObj=obj.document.getElementByIdx_x("iframe中控件的ID");

ifmObj.click();

实例:

var obj=document.getElementByIdx_x("ifm").contentWindow;

var ifmObj=obj.document.getElementByIdx_x("btnOk");

ifmObj.click();

在iframe中获取父窗口的元素

格式:window.parent.document.getElementByIdx_x("父窗口的元素ID").click();

实例:window.parent.document.getElementByIdx_x("btnOk").click();

jquery

在父窗口中获取iframe中的元素

1、

格式:$("#iframe的ID").contents().find("#iframe中的控件ID").click();//jquery 方法1

实例:$("#ifm").contents().find("#btnOk").click();//jquery 方法1

2、

格式:$("#iframe中的控件ID",document.frames("frame的name").document).click();//jquery 方法2

实例:$("#btnOk",document.frames("ifm").document).click();//jquery 方法2

在iframe中获取父窗口的元素

格式:$('#父窗口中的元素ID', parent.document).click();

实例:$('#btnOk', parent.document).click();

Javascript 相关文章推荐
Javascript 实用小技巧
Apr 07 Javascript
jQuery实现进度条效果代码
Dec 17 Javascript
Angular设置title信息解决SEO方面存在问题
Aug 19 Javascript
jQuery实现简单的抽奖游戏
May 05 jQuery
详解ElementUI之表单验证、数据绑定、路由跳转
Jun 21 Javascript
react路由配置方式详解
Aug 07 Javascript
React Navigation 使用中遇到的问题小结
May 08 Javascript
Node.js npm命令运行node.js脚本的方法
Oct 10 Javascript
微信小程序简单的canvas裁剪图片功能详解
Jul 12 Javascript
基于vue中的scoped坑点解说
Sep 04 Javascript
使用JavaScript实现贪吃蛇游戏
Sep 29 Javascript
用js实现放大镜效果
Oct 28 Javascript
调用HttpHanlder的几种返回方式小结
Dec 20 #Javascript
JQuery实现绚丽的横向下拉菜单
Dec 19 #Javascript
jquery prop的使用介绍及与attr的区别
Dec 19 #Javascript
js获取select选中的option的text示例代码
Dec 19 #Javascript
js 高效去除数组重复元素示例代码
Dec 19 #Javascript
无闪烁更新网页内容JS实现
Dec 19 #Javascript
javascript中字符串的定义示例代码
Dec 19 #Javascript
You might like
使用openssl实现rsa非对称加密算法示例
2014/01/24 PHP
Codeigniter实现智能裁剪图片的方法
2014/06/12 PHP
Yii使用CLinkPager分页实例详解
2014/07/23 PHP
PHP中生成UUID自定义函数分享
2015/06/10 PHP
PHP处理CSV表格文件的常用操作方法总结
2016/07/01 PHP
thinkPHP自定义类实现方法详解
2016/11/30 PHP
利用php-cli和任务计划实现订单同步功能的方法
2017/05/03 PHP
[原创]PHP实现字节数Byte转换为KB、MB、GB、TB的方法
2017/08/31 PHP
PNGHandler-借助JS让PNG图在IE下实现透明(包括背景图)
2007/08/31 Javascript
javascript实现将数字转成千分位的方法小结【5种方式】
2016/12/11 Javascript
浅谈vue项目4rs vue-router上线后history模式遇到的坑
2018/09/27 Javascript
浅谈Vue的响应式原理
2019/05/30 Javascript
微信小程序webview组件交互,内联h5页面并网页实现微信支付实现解析
2019/08/16 Javascript
使用Vue.set()方法实现响应式修改数组数据步骤
2019/11/09 Javascript
vue中用 async/await 来处理异步操作
2020/07/18 Javascript
[51:29]Alliance vs TNC 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
Python中获取对象信息的方法
2015/04/27 Python
在Python中操作日期和时间之gmtime()方法的使用
2015/05/22 Python
Python中使用插入排序算法的简单分析与代码示例
2016/05/04 Python
django请求返回不同的类型图片json,xml,html的实例
2018/05/22 Python
详解Python爬取并下载《电影天堂》3千多部电影
2019/04/26 Python
python获取点击的坐标画图形的方法
2019/07/09 Python
基于梯度爆炸的解决方法:clip gradient
2020/02/04 Python
Python GUI库PyQt5图形和特效样式QSS介绍
2020/02/25 Python
python3 使用traceback定位异常实例
2020/03/09 Python
Python urllib2运行过程原理解析
2020/06/04 Python
Vince官网:全球著名设计师品牌,休闲而优雅的服饰
2017/01/15 全球购物
Sony C++笔试题
2013/03/10 面试题
武汉瑞得软件笔试题
2015/10/27 面试题
就业推荐自我鉴定
2013/10/06 职场文书
自荐信要包含哪些内容
2013/11/06 职场文书
大学生职业规划范文:象牙塔生活的四年计划
2014/01/14 职场文书
五好家庭申报材料
2014/12/20 职场文书
怀孕辞职信怎么写
2015/02/28 职场文书
原生JavaScript实现简单五子棋游戏
2021/06/28 Javascript
JavaScript数组reduce()方法的语法与实例解析
2021/07/07 Javascript