利用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 zTree树插件动态加载实例代码
May 11 jQuery
jQuery插件select2利用ajax高效查询大数据列表(可搜索、可分页)
May 19 jQuery
最常用的jQuery表单验证(简单)
May 23 jQuery
jquery实现图片跟随鼠标的实例
Oct 17 jQuery
jQuery zTree搜索-关键字查询 递归无限层功能实现代码
Jan 25 jQuery
通过jquery.cookie.js实现记住用户名、密码登录功能
Jun 20 jQuery
jQuery基于随机数解决中午吃什么去哪吃问题示例
Dec 29 jQuery
jQuery.parseJSON()函数详解
Feb 28 jQuery
Vue CLI3.0中使用jQuery和Bootstrap的方法
Feb 28 jQuery
jQuery创建折叠式菜单
Jun 15 jQuery
jquery css实现流程进度条
Mar 26 jQuery
深入分析jQuery.one() 函数
Jun 03 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
php目录操作函数之获取目录与文件的类型
2010/12/29 PHP
PHP 计算代码执行耗时的代码修正网上普遍错误
2011/05/14 PHP
php设计模式之单例模式使用示例
2014/01/20 PHP
php实现aes加密类分享
2014/02/16 PHP
php实现微信公众平台账号自定义菜单类
2014/12/02 PHP
yii2.0实现pathinfo的形式访问的配置方法
2016/04/06 PHP
PHP中获取文件创建日期、修改日期、访问时间的方法
2016/11/05 PHP
Linux下源码包安装Swoole及基本使用操作图文详解
2019/04/02 PHP
提高代码性能技巧谈—以创建千行表格为例
2006/07/01 Javascript
模拟select的代码
2011/10/19 Javascript
JQuery页面的表格数据的增加与分页的实现
2013/12/10 Javascript
jQuery实现数秒后自动提交form的方法
2015/03/05 Javascript
用jquery的attr方法实现图片切换效果
2017/02/05 Javascript
使用vue框架 Ajax获取数据列表并用BootStrap显示出来
2017/04/24 Javascript
vue.js动态数据绑定学习笔记
2017/05/19 Javascript
微信小程序保存多张图片的实现方法
2019/03/05 Javascript
微信小程序如何实现全局重新加载
2019/06/05 Javascript
JS插件amCharts实现绘制柱形图默认显示数值功能示例
2019/11/26 Javascript
小程序实现密码输入框
2020/11/16 Javascript
JS实现京东商品分类侧边栏
2020/12/11 Javascript
Python编程实现从字典中提取子集的方法分析
2018/02/09 Python
利用Python进行数据可视化常见的9种方法!超实用!
2018/07/11 Python
Python脚本按照当前日期创建多级目录
2019/03/01 Python
详解pytorch 0.4.0迁移指南
2019/06/16 Python
python文件转为exe文件的方法及用法详解
2019/07/08 Python
Linux下升级安装python3.8并配置pip及yum的教程
2020/01/02 Python
Python3.x+pyqtgraph实现数据可视化教程
2020/03/14 Python
python的reverse函数翻转结果为None的问题
2020/05/11 Python
全球销量第一生发产品:Viviscal
2017/12/21 全球购物
Tech21美国/加拿大:英国NO.1防摔保护壳品牌
2018/01/20 全球购物
新西兰优惠网站:Treat Me
2019/07/04 全球购物
size?荷兰官方网站:英国高级运动鞋精品店
2020/07/24 全球购物
导游个人求职信范文
2014/03/23 职场文书
2014年化工厂工作总结
2014/11/25 职场文书
教师党员自我评价2015
2015/03/04 职场文书
python 模块重载的五种方法
2021/04/24 Python