利用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.form.js异步提交表单详解
Apr 25 jQuery
jquery.guide.js新版上线操作向导镂空提示jQuery插件(推荐)
May 20 jQuery
浅谈jQuery框架Ajax常用选项
Jul 08 jQuery
jQuery选择器之子元素选择器详解
Sep 18 jQuery
jQuery使用bind函数实现绑定多个事件的方法
Oct 11 jQuery
jquery中有哪些api jQuery主要API
Nov 20 jQuery
jquery获取transform里的值实现方法
Dec 12 jQuery
基于jQuery实现Ajax验证用户名是否可用实例
Mar 25 jQuery
jQuery实现每隔一段时间自动更换样式的方法分析
May 03 jQuery
jQuery实现文本显示一段时间后隐藏的方法分析
Jun 20 jQuery
jquery向后台提交数组的代码分析
Feb 20 jQuery
jQuery 实现扁平式小清新导航
Jul 07 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获取浏览器信息类和客户端地理位置的2个方法
2014/04/24 PHP
smarty简单应用实例
2015/11/03 PHP
CI框架支持$_GET的两种实现方法
2016/05/18 PHP
phpStorm2020 注册码
2020/09/17 PHP
面向对象的Javascript之二(接口实现介绍)
2012/01/27 Javascript
js或者jquery判断图片是否加载完成实现代码
2013/03/20 Javascript
[将免费进行到底]在Amazon的一年免费服务器上安装Node.JS, NPM和OurJS博客
2014/08/18 Javascript
限制文本框只能输入数字||只能是数字和小数点||只能是整数和浮点数
2016/05/27 Javascript
JS访问DOM节点方法详解
2016/11/29 Javascript
Bootstrap CSS组件之面包屑导航(breadcrumb)
2016/12/17 Javascript
vue中echarts3.0自适应的方法
2018/02/26 Javascript
echarts同一页面中四个图表切换的js数据交互方法示例
2018/07/03 Javascript
elementUI vue this.$confirm 和el-dialog 弹出框 移动 示例demo
2019/07/03 Javascript
vue 解决兄弟组件、跨组件深层次的通信操作
2020/07/27 Javascript
JavaScript前后端JSON使用方法教程
2020/11/23 Javascript
vue仿携程轮播图效果(滑动轮播,下方高度自适应)
2021/02/11 Vue.js
[02:01]BBC DOTA2国际邀请赛每日综述:八强胜者组鏖战,中国队喜忧参半
2014/07/19 DOTA
[01:00:59]VP VS VG Supermajor小组赛胜者组第二轮 BO3第二场 6.2
2018/06/03 DOTA
Python网络爬虫实例讲解
2016/04/28 Python
python使用fcntl模块实现程序加锁功能示例
2017/06/23 Python
Python数据结构与算法之图的广度优先与深度优先搜索算法示例
2017/12/14 Python
Python实现使用卷积提取图片轮廓功能示例
2018/05/12 Python
python tkinter图形界面代码统计工具
2019/09/18 Python
python解析多层json操作示例
2019/12/30 Python
Python导入父文件夹中模块并读取当前文件夹内的资源
2020/11/19 Python
HTML5 绘制图像(上)之:关于canvas元素引领下一代web页面的问题
2013/04/24 HTML / CSS
网吧消防安全制度
2014/01/28 职场文书
优秀教师主要事迹
2014/02/01 职场文书
销售总经理岗位职责
2014/03/15 职场文书
合作意向书格式及范文
2014/03/31 职场文书
无财产无子女离婚协议书范文
2014/09/14 职场文书
交通事故赔偿协议书
2014/10/16 职场文书
红高粱观后感
2015/06/10 职场文书
幼儿园托班开学寄语(2016秋季)
2015/12/03 职场文书
2016年教师节特级教师获奖感言
2015/12/09 职场文书
一级电子管军用接收机测评
2022/04/05 无线电