利用JQuery操作iframe父页面、子页面的元素和方法汇总


Posted in jQuery onSeptember 10, 2017

前言

iframe在复合文档中经常用到,利用jquery操作iframe可以大幅提高效率,本文主要给大家分享了关于简单使用JQUERY来操作IFRAME的一些记录,这个使用纯JS也可以实现。下面话不多说了,来一起看看详细的介绍吧。

第一、在iframe中查找父页面元素的方法:

$('#id', window.parent.document)

第二、在父页面中获取iframe中的元素方法:

$(this).contents().find("#suggestBox")

第三、在iframe中调用父页面中定义的方法和变量:

parent.method parent.value

JQUERY、JS调用IFRAME父窗口与子窗口元素的方法

1. jquery 在iframe子页面获取父页面元素代码如下:

$("#objid", parent.document)

2. jquery在父页面 获取iframe子页面的元素 代码如下:

$("#objid",document.frames('iframename').document)

3.js 在iframe子页面获取父页面元素代码如下:

indow.parent.document.getElementByIdx_x("元素id");

4.js 在父页面获取iframe子页面元素代码如下:

window.frames["iframe_ID"].document.getElementByIdx_x("元素id");

5.子类iframe内调用父类函数:

window.parent.func();

更多关于jquery操作iframe的技巧请大家关注这里:https://3water.com/Special/822.htm

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持。

jQuery 相关文章推荐
jquery+ajax实现省市区三级联动 (封装和不封装两种方式)
May 15 jQuery
jquery.validate表单验证插件使用详解
Jun 21 jQuery
jQuery实现右侧抽屉式在线客服功能
Dec 25 jQuery
jQuery阻止事件冒泡实例分析
Jul 03 jQuery
jQuery实现表单动态添加与删除数据操作示例
Jul 03 jQuery
jQuery实现的自定义轮播图功能详解
Dec 28 jQuery
jQuery实现动态添加和删除input框实例代码
Mar 26 jQuery
Jquery动态列功能完整实例
Aug 30 jQuery
基于jquery ajax的多文件上传进度条过程解析
Sep 11 jQuery
jQuery擦除插件eraser使用方法详解
Jan 11 jQuery
JQuery+drag.js上传图片并且实现图片拖曳
Nov 18 jQuery
jQuery事件对象的属性和方法详解
Sep 09 #jQuery
详解jquery插件jquery.viewport.js学习使用方法
Sep 08 #jQuery
jQuery选择器中的特殊符号处理方法
Sep 08 #jQuery
JQuery 获取多个select标签option的text内容(实例)
Sep 07 #jQuery
jQuery UI Draggable + Sortable 结合使用(实例讲解)
Sep 07 #jQuery
jQueryUI Sortable 应用Demo(分享)
Sep 07 #jQuery
jQuery实现的弹幕效果完整实例
Sep 06 #jQuery
You might like
mysql 中InnoDB和MyISAM的区别分析小结
2008/04/15 PHP
PHP设计模式之观察者模式(Observer)详细介绍和代码实例
2014/04/08 PHP
php中将一段数据存到一个txt文件中并显示其内容
2014/08/15 PHP
php连接oracle数据库及查询数据的方法
2014/12/29 PHP
用PHP代码给图片加水印
2015/07/01 PHP
微信公众平台开发之天气预报功能
2015/08/31 PHP
利用PHP如何写APP接口详解
2016/08/23 PHP
js判断浏览器的比较全的代码
2007/02/13 Javascript
IE事件对象(The Internet Explorer Event Object)
2012/06/27 Javascript
用Javascript来生成ftp脚本的小例子
2013/07/03 Javascript
JS简单的图片放大缩小的两种方法
2013/11/11 Javascript
用unescape反编码得出汉字示例
2014/04/24 Javascript
Javascript中prototype属性实现给内置对象添加新的方法
2015/05/14 Javascript
在Debian(Raspberry Pi)树莓派上安装NodeJS的教程详解
2017/09/19 NodeJs
clipboard.js在移动端复制失败的解决方法
2018/06/13 Javascript
深入理解Promise.all
2018/08/08 Javascript
详解如何在nuxt中添加proxyTable代理
2018/08/10 Javascript
详解如何在vue项目中使用layui框架及采坑
2019/05/05 Javascript
nodejs一个简单的文件服务器的创建方法
2019/09/13 NodeJs
Vuex modules模式下mapState/mapMutations的操作实例
2019/10/17 Javascript
使用Python的Tornado框架实现一个一对一聊天的程序
2015/04/25 Python
python安装mysql-python简明笔记(ubuntu环境)
2016/06/25 Python
Python从list类型、range()序列简单认识类(class)【可迭代】
2019/05/31 Python
Python数据库小程序源代码
2019/09/15 Python
Python中生成一个指定长度的随机字符串实现示例
2019/11/06 Python
Python利用pip安装tar.gz格式的离线资源包
2020/09/14 Python
matplotlib设置颜色、标记、线条,让你的图像更加丰富(推荐)
2020/09/25 Python
捷克移动配件网上商店:ProMobily.cz
2019/03/15 全球购物
狼和鹿教学反思
2014/02/05 职场文书
教师现实表现材料
2014/02/14 职场文书
成品库仓管员岗位职责
2014/04/06 职场文书
大学生活自我评价
2014/04/09 职场文书
意外死亡赔偿协议书
2014/10/14 职场文书
社区灵活就业证明
2014/11/03 职场文书
2016母亲节感恩话语
2015/12/09 职场文书
面试被问select......for update会锁表还是锁行
2021/11/11 MySQL