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 不能释放内存.
Sep 07 Javascript
仅用[]()+!等符号就足以实现几乎任意Javascript代码
Mar 01 Javascript
javascript如何创建表格(javascript绘制表格的二种方法)
Dec 10 Javascript
js中settimeout方法加参数
Feb 28 Javascript
浅谈javascript构造函数与实例化对象
Jun 22 Javascript
Jquery全屏相册插件zoomvisualizer具有调节放大与缩小功能
Nov 02 Javascript
javascript比较语义化版本号的实现代码
Sep 09 Javascript
浅谈javascript:两种注释,声明变量,定义函数
Sep 29 Javascript
Javascript获取background属性中url的值
Oct 17 Javascript
javascript自执行函数
Feb 10 Javascript
jQuery插件HighCharts实现的2D面积图效果示例【附demo源码下载】
Mar 15 Javascript
vue自定义指令directive实例详解
Jan 17 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实现多条件查询实例代码
2010/07/17 PHP
php+jQuery.uploadify实现文件上传教程
2014/12/26 PHP
php curl操作API接口类完整示例
2019/05/21 PHP
PHP生成zip压缩包的常用方法示例
2019/08/22 PHP
javascript 播放器 控制
2007/01/22 Javascript
javascript 学习笔记(八)javascript对象
2011/04/12 Javascript
javascript中for/in循环及使用技巧
2015/09/01 Javascript
vue-resource 拦截器使用详解
2017/02/21 Javascript
详解vue mixins和extends的巧妙用法
2017/12/20 Javascript
Vue cli 引入第三方JS和CSS的常用方法分享
2018/01/20 Javascript
基于axios封装fetch方法及调用实例
2018/02/05 Javascript
Vue下拉框回显并默认选中随机问题
2018/09/06 Javascript
浅谈React Event实现原理
2018/09/20 Javascript
微信小程序textarea层级过高的解决方法
2019/03/04 Javascript
python创建和删除目录的方法
2015/04/29 Python
go和python变量赋值遇到的一个问题
2017/08/31 Python
python模拟表单提交登录图书馆
2018/04/27 Python
用Python将mysql数据导出成json的方法
2018/08/21 Python
解读python如何实现决策树算法
2018/10/11 Python
python程序封装为win32服务的方法
2021/03/07 Python
基于Python中的yield表达式介绍
2019/11/19 Python
Python如何在main中调用函数内的函数方式
2020/06/01 Python
The Hut德国站点:时装、家居用品、美容等
2016/09/23 全球购物
美国最顶级的精品店之一:Hampden Clothing
2016/12/22 全球购物
The North Face北面美国官网:美国著名户外品牌
2018/09/15 全球购物
加拿大大码女装购物网站:Penningtons
2020/12/26 全球购物
实习生评语
2014/04/26 职场文书
新学期开学演讲稿
2014/05/24 职场文书
工地安全质量标语
2014/06/07 职场文书
电子信息工程专业求职信
2014/06/28 职场文书
大学竞选班干部演讲稿
2014/08/21 职场文书
助学贷款贫困证明
2014/09/23 职场文书
公安四风对照检查材料思想汇报
2014/10/11 职场文书
2016年学校党支部创先争优活动总结
2016/04/05 职场文书
日本十大血腥动漫,那些被禁播的动漫盘点
2022/03/21 日漫
MySQL数据库事务的四大特性
2022/04/20 MySQL