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使用办法
Apr 01 Javascript
JavaScript isArray()函数判断对象类型的种种方法
Oct 11 Javascript
图片延迟加载的实现代码(模仿懒惰)
Mar 29 Javascript
jquery foreach使用示例
Sep 12 Javascript
javascript窗口宽高,鼠标位置,滚动高度(详细解析)
Nov 18 Javascript
node.js中的Socket.IO使用实例
Nov 04 Javascript
简介JavaScript中的getSeconds()方法的使用
Jun 10 Javascript
JS实现图片点击后出现模态框效果
May 03 Javascript
Vue自定义事件(详解)
Aug 19 Javascript
用Object.prototype.toString.call(obj)检测对象类型原因分析
Oct 11 Javascript
vue工程全局设置ajax的等待动效的方法
Feb 22 Javascript
javaScript中indexOf用法技巧
Nov 26 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的一个完美GIF等比缩放类,附带去除缩放黑背景
2014/04/01 PHP
纯PHP代码实现支付宝批量付款
2015/12/24 PHP
PHP学习笔记之session
2018/05/06 PHP
深入理解JavaScript中的对象复制(Object Clone)
2016/05/18 Javascript
基于JavaScript实现回到页面顶部动画代码
2016/05/24 Javascript
JS+HTML5手机开发之滚动和惯性缓动实现方法分析
2016/06/12 Javascript
jQuery基础_入门必看知识点
2016/07/04 Javascript
jQuery插件扩展实例【添加回调函数】
2016/11/26 Javascript
根据Bootstrap Paginator改写的js分页插件
2016/12/25 Javascript
原生js jquery ajax请求以及jsonp的调用方法
2017/08/04 jQuery
layui-table获得当前行的上/下一行数据的例子
2019/09/24 Javascript
微信小程序批量监听输入框对按钮样式进行控制的实现代码
2019/10/12 Javascript
JavaScript中while循环的基础使用教程
2020/08/11 Javascript
[01:08:43]DOTA2-DPC中国联赛定级赛 Phoenix vs DLG BO3第一场 1月9日
2021/03/11 DOTA
python生成excel的实例代码
2017/11/08 Python
Python语言描述随机梯度下降法
2018/01/04 Python
python numpy和list查询其中某个数的个数及定位方法
2018/06/27 Python
对numpy中的transpose和swapaxes函数详解
2018/08/02 Python
python集合常见运算案例解析
2019/10/17 Python
在Python中预先初始化列表内容和长度的实现
2019/11/28 Python
django 连接数据库出现1045错误的解决方式
2020/05/14 Python
浅谈pandas dataframe对除数是零的处理
2020/07/20 Python
利用python绘制中国地图(含省界、河流等)
2020/09/21 Python
Pandas对每个分组应用apply函数的实现
2020/12/13 Python
selenium自动化测试入门实战
2020/12/21 Python
纯CSS3实现手风琴风格菜单具体步骤
2013/05/06 HTML / CSS
销售工作岗位职责
2013/12/24 职场文书
新领导上任欢迎词
2014/01/13 职场文书
作风建设演讲稿
2014/05/23 职场文书
2014优秀党员事迹材料
2014/08/14 职场文书
关于九一八事变的演讲稿2014
2014/09/17 职场文书
采购员岗位职责
2015/02/03 职场文书
工程款申请报告
2015/05/15 职场文书
2015年党总支工作总结
2015/05/25 职场文书
JavaScript 反射学习技巧
2021/10/16 Javascript
apache ftpserver搭建ftp服务器
2022/05/20 Servers