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入门教程(5) js Screen屏幕对象
Jan 31 Javascript
一些主流JS框架中DOMReady事件的实现小结
Feb 12 Javascript
jquery 事件冒泡的介绍以及如何阻止事件冒泡
Dec 25 Javascript
javascript中的toFixed固定小数位数 简单实例分享
Jul 12 Javascript
为什么JS中eval处理JSON数据要加括号
Apr 13 Javascript
JS代码实现根据时间变换页面背景效果
Jun 16 Javascript
引用jquery框架后出错的解决方法
Aug 09 Javascript
Bootstrap CSS组件之下拉菜单(dropdown)
Dec 17 Javascript
基于bootstrap实现多个下拉框同时搜索功能
Jul 19 Javascript
关于jquery form表单序列化的注意事项详解
Aug 01 jQuery
基于Vue实例生命周期(全面解析)
Aug 16 Javascript
vue实现瀑布流组件滑动加载更多
Mar 10 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
咖啡磨器 如何选购一台适合家用的意式磨豆机
2021/03/05 新手入门
最令PHP初学者们头痛的十四个问题
2007/01/15 PHP
php获取服务器信息的实现代码
2013/02/04 PHP
PHP基础学习之流程控制的实现分析
2013/04/28 PHP
使用php将某个目录下面的所有文件罗列出来的方法详解
2013/06/21 PHP
使用gd库实现php服务端图片裁剪和生成缩略图功能分享
2013/12/25 PHP
CodeIgniter框架实现的整合Smarty引擎DEMO示例
2019/03/28 PHP
JavaScript 格式字符串的应用
2010/03/29 Javascript
基于jQuery实现的百度导航li拖放排列效果,即时更新数据库
2012/07/31 Javascript
ExtJS4如何给同一个formpanel不同的url
2014/05/02 Javascript
js获取指定日期周数以及星期几的小例子
2014/06/27 Javascript
jquery实现对联广告的方法
2015/02/05 Javascript
实现无刷新联动例子汇总
2015/05/20 Javascript
零基础轻松学JavaScript闭包
2016/12/30 Javascript
详解在React-Native中持久化redux数据
2019/05/22 Javascript
微信小程序页面上下滚动效果
2020/11/18 Javascript
Vue3+elementui plus创建项目的方法
2020/12/01 Vue.js
vue打开新窗口并实现传参的图文实例
2021/03/04 Vue.js
Python标准库内置函数complex介绍
2014/11/25 Python
python初学之用户登录的实现过程(实例讲解)
2017/12/23 Python
python3+PyQt5泛型委托详解
2018/04/24 Python
详解PyTorch批训练及优化器比较
2018/04/28 Python
Python读取Excel表格,并同时画折线图和柱状图的方法
2018/10/14 Python
PyQt5内嵌浏览器注入JavaScript脚本实现自动化操作的代码实例
2019/02/13 Python
python中的单引号双引号区别知识点总结
2019/06/23 Python
基于Python爬虫采集天气网实时信息
2020/06/05 Python
CSS3 真的会替代 SCSS 吗
2021/03/09 HTML / CSS
解决html5中的video标签ios系统中无法播放使用的问题
2020/08/10 HTML / CSS
学生夜不归宿检讨书
2014/09/23 职场文书
大学生党员个人对照检查材料范文
2014/09/25 职场文书
向国旗敬礼活动总结
2014/09/27 职场文书
人大代表选举标语
2014/10/07 职场文书
2014年幼儿园教研工作总结
2014/12/04 职场文书
先进党支部事迹材料
2014/12/24 职场文书
委托收款证明
2015/06/23 职场文书
2019年感恩励志演讲稿(收藏备用)
2019/09/11 职场文书