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 相关文章推荐
Html中JS脚本执行顺序简单举例说明
Jun 19 Javascript
Jquery进度条插件 Progress Bar小问题解决
Jul 12 Javascript
点击进行复制的JS代码实例
Aug 23 Javascript
JS简单实现登陆验证附效果图
Nov 19 Javascript
鼠标滑在标题上显示图片的JS代码
Nov 19 Javascript
JS实现静止元素自动移动示例
Apr 14 Javascript
JavaScript每天必学之数组和对象部分
Sep 17 Javascript
微信小程序中实现手指缩放图片的示例代码
Mar 13 Javascript
基于Bootstrap下拉框插件bootstrap-select使用方法详解
Aug 07 Javascript
Vue请求JSON Server服务器数据的实现方法
Nov 02 Javascript
vue中tab选项卡的实现思路
Nov 25 Javascript
jQuery - AJAX load() 实例用法详解
Aug 27 jQuery
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多用户计数器代码
2007/03/11 PHP
如何取得中文字符串中出现次数最多的子串
2013/08/08 PHP
php防止sql注入简单分析
2015/03/18 PHP
Yii2主题(Theme)用法详解
2016/07/23 PHP
php 中奖概率算法实现代码
2017/01/25 PHP
抽出www.templatemonster.com的鼠标悬停加载大图模板的代码
2007/07/11 Javascript
javascript获得CheckBoxList选中的数量
2009/10/27 Javascript
Jquery进度条插件 Progress Bar小问题解决
2011/07/12 Javascript
html+css+js实现xp window界面及有关功能
2013/03/26 Javascript
js实现仿网易点击弹出提示同时背景变暗效果
2015/08/13 Javascript
JavaScript事件类型中焦点、鼠标和滚轮事件详解
2016/01/25 Javascript
jQuery使用animate实现ul列表项相互飘动效果示例
2016/09/16 Javascript
Vue.js结合bootstrap实现分页控件
2017/03/10 Javascript
jQuery Layer弹出层传值到父页面的实现代码
2017/08/17 jQuery
Vuejs+vue-router打包+Nginx配置的实例
2018/09/20 Javascript
js实现抽奖功能
2020/11/24 Javascript
[01:39]2014DOTA2国际邀请赛 Newbee经理CU专访队伍火力全开
2014/07/15 DOTA
[02:13] 完美世界DOTA2联赛PWL DAY5集锦
2020/11/03 DOTA
[52:06]完美世界DOTA2联赛决赛日 Inki vs LBZS 第一场 11.08
2020/11/10 DOTA
python数据类型判断type与isinstance的区别实例解析
2017/10/31 Python
Windows系统下pycharm中的pip换源
2020/02/23 Python
解决Pytorch自定义层出现多Variable共享内存错误问题
2020/06/28 Python
python基于socket模拟实现ssh远程执行命令
2020/12/05 Python
python解包概念及实例
2021/02/17 Python
夏尔巴人登珠峰品牌:Sherpa Adventure Gear
2018/02/08 全球购物
泰国在线书店:SE-ED
2020/06/21 全球购物
宝信软件JAVA工程师面试经历
2012/08/19 面试题
在c#中using和new这两个关键字有什么意义
2013/05/19 面试题
大学生职业生涯规划范文
2014/01/22 职场文书
消防先进事迹材料
2014/02/10 职场文书
文秘自荐信
2014/06/28 职场文书
安全生产知识竞赛活动总结
2014/07/07 职场文书
2015年度员工自我评价范文
2015/03/11 职场文书
功夫熊猫观后感
2015/06/10 职场文书
情况说明书格式及范文
2019/06/24 职场文书
PHP中->和=>的意思
2021/03/31 PHP