JQuery操作iframe父页面与子页面的元素与方法(实例讲解)


Posted in Javascript onNovember 20, 2013

JQUERY IFRAME
下面简单使用Jquery来操作iframe的一些记录,这个使用纯JS与可以实现。

第一、在iframe中查找父页面元素的方法:
$('#id', window.parent.document)

第二、在父页面中获取iframe中的元素方法:
$(this).contents().find("#suggestBox")

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

iframe里用jquery获取父页面body

iframe.html

<html>
<script src='jquerymin.js'>
</script>
<body id='1'>
    <div>it is a iframe</div>
</body>    
<script>
    $(document).ready(
        function()
        {        var c = $(window.parent.document.body) //麻烦的方法: var c = $($(window).eq(0)[0].parent.document).find('body'); ,忘了可以用前面的方法了
        alert(c.html());
        }
    );
</script>
</html>
Javascript 相关文章推荐
在Z-Blog中运行代码[html][/html](纯JS版)
Mar 25 Javascript
清华大学出版的事半功倍系列 javascript全部源代码
May 04 Javascript
JavaScript中使用typeof运算符需要注意的几个坑
Nov 08 Javascript
jQuery中position()方法用法实例
Jan 16 Javascript
JS判断元素是否在数组内的实现代码
Mar 30 Javascript
jQuery插件简单学习实例教程
Jul 01 Javascript
jQuery使用$获取对象后检查该对象是否存在的实现方法
Sep 04 Javascript
详解微信小程序 wx.uploadFile 的编码坑
Jan 23 Javascript
微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
Apr 18 Javascript
微信小程序实现给嵌套template模板传递数据的方式总结
Dec 18 Javascript
ES6 Class中实现私有属性的一些方法总结
Jul 08 Javascript
layui关闭层级、简单监听的实例
Sep 06 Javascript
jquery iframe操作详细解析
Nov 20 #Javascript
JS获取当前日期和时间的简单实例
Nov 19 #Javascript
js 自动播放的实例代码
Nov 19 #Javascript
鼠标滚轴控制文本框值的JS代码
Nov 19 #Javascript
jquery交替变换颜色的三种方法 实例代码
Nov 19 #Javascript
jquery ajax的success回调函数中实现按钮置灰倒计时
Nov 19 #Javascript
详解jQuery插件开发中的extend方法
Nov 19 #Javascript
You might like
php学习 函数 课件
2008/06/15 PHP
解析php开发中的中文编码问题
2013/08/08 PHP
php-redis中的sort排序函数总结
2015/07/08 PHP
Symfony2在Nginx下的配置方法图文教程
2016/02/04 PHP
PHP使用php-resque库配合Redis实现MQ消息队列的教程
2016/06/29 PHP
php实现压缩合并js的方法【附demo源码下载】
2016/09/22 PHP
Zend Framework框架中实现Ajax的方法示例
2017/06/27 PHP
Laravel学习基础之migrate的使用教程
2017/10/11 PHP
Laravel中使用Queue的最基本操作教程
2017/12/27 PHP
Nigma vs Liquid BO3 第二场2.13
2021/03/10 DOTA
浅析jQuery对select操作小结(遍历option,操作option)
2013/07/04 Javascript
经过绑定元素时会多次触发mouseover和mouseout事件
2014/02/28 Javascript
通过伪协议解决父页面与iframe页面通信的问题
2015/04/05 Javascript
深入浅析JavaScript中prototype和proto的关系
2015/11/15 Javascript
javascript实现别踩白块儿小游戏程序
2015/11/22 Javascript
浅谈vue单一组件下动态修改数据时的全部重渲染
2018/03/01 Javascript
通过JQuery,JQueryUI和Jsplumb实现拖拽模块
2019/06/18 jQuery
[46:16]2018DOTA2亚洲邀请赛3月30日 小组赛B组 iG VS VP
2018/03/31 DOTA
[01:27:30]LGD vs Newbee 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
详解Python进程间通信之命名管道
2017/08/28 Python
python里使用正则表达式的组嵌套实例详解
2017/10/24 Python
Python实现判断给定列表是否有重复元素的方法
2018/04/11 Python
详解python多线程、锁、event事件机制的简单使用
2018/04/27 Python
python实现从文件中读取数据并绘制成 x y 轴图形的方法
2018/10/14 Python
Python大数据之使用lxml库解析html网页文件示例
2019/11/16 Python
python每5分钟从kafka中提取数据的例子
2019/12/23 Python
如何基于python测量代码运行时间
2019/12/25 Python
Tensorflow 实现分批量读取数据
2020/01/04 Python
用python解压分析jar包实例
2020/01/16 Python
澳大利亚音乐商店:Bava’s Music City
2019/05/05 全球购物
如何填写个人简历自我评价
2013/12/10 职场文书
好家长事迹材料
2014/01/23 职场文书
联欢晚会主持词
2014/03/25 职场文书
基层党组织公开承诺书
2014/03/28 职场文书
党员教师四风问题整改措施思想汇报
2014/10/08 职场文书
nginx部署多前端项目的几种方法
2021/05/25 Servers