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 相关文章推荐
Prototype使用指南之ajax
Jan 10 Javascript
js 模拟气泡屏保效果代码
Jul 10 Javascript
node.js使用npm 安装插件时提示install Error: ENOENT报错的解决方法
Nov 20 Javascript
详解Vuex中mapState的具体用法
Sep 28 Javascript
React Hooks的深入理解与使用
Nov 12 Javascript
从理论角度讨论JavaScript闭包
Apr 03 Javascript
Vue CLI2升级至Vue CLI3的方法步骤
May 20 Javascript
jQuery操作attr、prop、val()/text()/html()、class属性
May 23 jQuery
js实现简单掷骰子效果
Oct 24 Javascript
VSCode搭建Vue项目的方法
Apr 30 Javascript
微信小程序实现文件预览
Oct 22 Javascript
nuxt 自定义 auth 中间件实现令牌的持久化操作
Nov 05 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
typecho插件编写教程(六):调用接口
2015/05/28 PHP
PHP图像裁剪缩略裁切类源码及使用方法
2016/01/07 PHP
微信开发之获取JSAPI TICKET
2017/07/07 PHP
TP5框架实现的数据库备份功能示例
2020/04/05 PHP
js实现图片轮换效果代码
2013/04/16 Javascript
JS保存和删除cookie操作 判断cookie是否存在
2013/11/13 Javascript
jQuery照片伸缩效果不影响其他元素的布局
2014/05/09 Javascript
js+html5实现canvas绘制网页时钟的方法
2016/05/21 Javascript
简单谈谈Vue 模板各类数据绑定
2016/09/25 Javascript
jQuery实现鼠标滑过图片移动特效
2016/12/08 Javascript
angular.js4使用 RxJS 处理多个 Http 请求
2017/09/23 Javascript
JQuery用$.ajax或$.getJSON跨域获取JSON数据的实现代码
2017/09/23 jQuery
JavaScript实现获取select下拉框中第一个值的方法
2018/02/06 Javascript
详解vue2.0监听属性的使用心得及搭配计算属性的使用
2018/07/18 Javascript
Vuerouter的beforeEach与afterEach钩子函数的区别
2018/12/26 Javascript
jquery将json转为数据字典的实例代码
2019/10/11 jQuery
基于Python如何使用AIML搭建聊天机器人
2016/01/27 Python
Python正则表达式使用经典实例
2016/06/21 Python
使用Python实现博客上进行自动翻页
2017/08/23 Python
详解将Python程序(.py)转换为Windows可执行文件(.exe)
2019/07/19 Python
使用Python打造一款间谍程序的流程分析
2020/02/21 Python
Python matplotlib修改默认字体的操作
2020/03/05 Python
python db类用法说明
2020/07/07 Python
利于python脚本编写可视化nmap和masscan的方法
2020/12/29 Python
HTML5语义化元素你真的用对了吗
2019/08/22 HTML / CSS
eBay瑞士购物网站:eBay.ch
2018/12/24 全球购物
六一儿童节活动策划方案
2014/01/27 职场文书
爸爸的花儿落了教学反思
2014/02/20 职场文书
小学语文教师年度考核个人总结
2015/02/05 职场文书
2015大学迎新晚会策划书
2015/07/16 职场文书
军训通讯稿范文
2015/07/18 职场文书
会计专业2019暑假实习报告
2019/06/21 职场文书
ORACLE数据库对long类型字段进行模糊匹配的解决思路
2021/04/07 Oracle
MySQL时间设置注意事项的深入总结
2021/05/06 MySQL
PyTorch 如何检查模型梯度是否可导
2021/06/05 Python
Oracle使用别名的好处
2022/04/19 Oracle