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 相关文章推荐
javascript 解析后的xml对象的读取方法细解
Jul 25 Javascript
HTML上传控件取消选择
Mar 06 Javascript
jquery重新播放css动画所遇问题解决
Aug 21 Javascript
setTimeout()与setInterval()方法区别介绍
Dec 24 Javascript
jQuery中prev()方法用法实例
Jan 08 Javascript
node.js中的forEach()是同步还是异步呢
Jan 29 Javascript
jQuery实现个性翻牌效果导航菜单的方法
Mar 09 Javascript
JQuery中$.each 和$(selector).each()的区别详解
Mar 13 Javascript
javascript动画算法实例分析
Jul 31 Javascript
JS原型对象的创建方法详解
Jun 16 Javascript
使用flow来规范javascript的变量类型
Sep 12 Javascript
Vue监视数据的原理详解
Feb 24 Vue.js
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
smarty中先strip_tags过滤html标签后truncate截取文章运用
2010/10/25 PHP
PHP几个数学计算的内部函数学习整理
2011/08/06 PHP
php中判断文件空目录是否有读写权限的函数代码
2012/08/07 PHP
php 字符串中的\n换行符无效、不能换行的解决方法
2014/04/02 PHP
PHP实现根据图片色界在不同位置加水印的方法
2015/08/08 PHP
深入解析WordPress中加载模板的get_template_part函数
2016/01/11 PHP
老生常谈PHP面向对象之标识映射
2017/06/21 PHP
php设计模式之职责链模式实例分析【星际争霸游戏案例】
2020/03/27 PHP
js 数组操作代码集锦
2009/04/28 Javascript
JQuery 选择器 xpath 语法应用
2010/05/13 Javascript
在firefox和Chrome下关闭浏览器窗口无效的解决方法
2014/01/16 Javascript
AngularJS  $modal弹出框实例代码
2016/08/24 Javascript
深入理解javascript中的 “this”
2017/01/17 Javascript
react实现pure render时bind(this)隐患需注意!
2017/03/09 Javascript
bootstrap响应式工具使用详解
2017/11/29 Javascript
jQuery简单实现向列表动态添加新元素的方法示例
2017/12/25 jQuery
vue select二级联动第二级默认选中第一个option值的实例
2018/01/10 Javascript
搭建element-ui的Vue前端工程操作实例
2018/02/23 Javascript
jQuery实现的上传图片本地预览效果简单示例
2018/03/29 jQuery
JS实现区分中英文并统计字符个数的方法示例
2018/06/09 Javascript
在JavaScript中使用严格模式(Strict Mode)
2019/06/13 Javascript
JS实现碰撞检测效果
2020/03/12 Javascript
[03:06]2018年度CS GO最具人气解说-完美盛典
2018/12/16 DOTA
pandas使用apply多列生成一列数据的实例
2018/11/28 Python
Python数据可视化:幂律分布实例详解
2019/12/07 Python
python3.4中清屏的处理方法
2020/07/06 Python
SKECHERS官方旗舰店:美国舒适运动休闲品牌
2017/12/22 全球购物
ghd官网:英国ghd直发器品牌
2018/05/04 全球购物
Lacoste澳大利亚官网:服装、鞋类及配饰
2018/11/14 全球购物
英国儿童设计师服装和玩具购物网站:Zac & Lulu
2020/10/19 全球购物
NET程序员上机面试题
2015/05/23 面试题
开门红主持词
2014/04/02 职场文书
先进教师个人总结
2015/02/11 职场文书
2015庆祝七一建党节94周年活动总结
2015/03/20 职场文书
务工证明怎么写
2015/06/18 职场文书
小学运动会加油词
2015/07/18 职场文书