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 相关文章推荐
js textarea自动增高并隐藏滚动条
Dec 16 Javascript
jQuery实用函数用法总结
Aug 29 Javascript
jQuery中hide()方法用法实例
Dec 24 Javascript
jQuery向后台传入json格式数据的方法
Feb 13 Javascript
Javascript URI 解析介绍
Mar 15 Javascript
jQuery实现批量判断表单中文本框非空的方法(2种方法)
Dec 09 Javascript
bootstrap 表单验证使用方法
Jan 11 Javascript
web3.js增加eth.getRawTransactionByHash(txhash)方法步骤
Mar 15 Javascript
详解Angular-ui-BootStrap组件的解释以及使用
Jul 13 Javascript
微信小程序修改checkbox的样式代码实例
Jan 21 Javascript
vue实现五子棋游戏
May 28 Javascript
原生JavaScript实现弹幕组件的示例代码
Oct 12 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
PHP分页显示制作详细讲解
2006/10/09 PHP
PHP中其实也可以用方法链
2011/11/10 PHP
PHP实现搜索地理位置及计算两点地理位置间距离的实例
2016/01/08 PHP
简单谈谈PHP中的include、include_once、require以及require_once语句
2016/04/23 PHP
PHP绕过open_basedir限制操作文件的方法
2018/06/10 PHP
laradock环境docker-compose操作详解
2019/07/29 PHP
JS面向对象、prototype、call()、apply()
2009/05/14 Javascript
js与jquery获取父级元素,子级元素,兄弟元素的实现方法
2014/01/09 Javascript
JavaScript制作弹出层效果
2016/12/02 Javascript
angular ng-repeat数组中的数组实例
2017/02/18 Javascript
JavaScript正则获取地址栏中参数的方法
2017/03/02 Javascript
基于js中style.width与offsetWidth的区别(详解)
2017/11/12 Javascript
js的函数的按值传递参数(实例讲解)
2017/11/16 Javascript
vue组件之间通信方式实例总结【8种方式】
2019/02/22 Javascript
详解滑动穿透(锁body)终极探索
2019/04/16 Javascript
Vue项目中使用jsonp抓取跨域数据的方法
2019/11/10 Javascript
layui清除radio的选中状态实例
2019/11/14 Javascript
Vue快速实现通用表单验证的示例代码
2020/01/09 Javascript
快速解决Vue、element-ui的resetFields()方法重置表单无效的问题
2020/08/12 Javascript
分享8个JavaScript库可更好地处理本地存储
2020/10/12 Javascript
python每次处理固定个数的字符的方法总结
2013/01/29 Python
Python的批量远程管理和部署工具Fabric用法实例
2015/01/23 Python
Python模块文件结构代码详解
2018/02/03 Python
详解python3安装pillow后报错没有pillow模块以及没有PIL模块问题解决
2019/04/17 Python
python将字典列表导出为Excel文件的方法
2019/09/02 Python
安装完Python包然后找不到模块的解决步骤
2020/02/13 Python
python实现字符串和数字拼接
2020/03/02 Python
python动态规划算法实例详解
2020/11/22 Python
IE下实现类似CSS3 text-shadow文字阴影的几种方法
2011/05/11 HTML / CSS
初中生学习生活的自我评价
2013/11/20 职场文书
办公室保洁员岗位职责
2013/12/02 职场文书
2014年商场超市庆元旦活动方案
2014/02/14 职场文书
个人充满哲理的自我评价
2014/02/20 职场文书
信息总监管理职责范本
2014/03/08 职场文书
2015年资料员工作总结
2015/04/25 职场文书
Vue ECharts实现机舱座位选择展示功能
2022/05/15 Vue.js