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中用星号表示预录入内容的实现代码
Jan 08 Javascript
jquery弹窗插件colorbox绑定动态生成元素的方法
Jun 20 Javascript
jQuery中通过ajax调用webservice传递数组参数的问题实例详解
May 20 Javascript
AngularGauge 属性解析详解
Sep 06 Javascript
AngularJS中如何使用echart插件示例详解
Oct 26 Javascript
利用JS判断鼠标移入元素的方向
Dec 11 Javascript
Node.js+jade抓取博客所有文章生成静态html文件的实例
Sep 19 Javascript
使用javaScript实现鼠标拖拽事件
Apr 03 Javascript
JS实现监控微信小程序的原理
Jun 15 Javascript
其实你可以少写点if else与switch(推荐)
Jan 10 Javascript
在elementui中Notification组件添加点击事件实例
Nov 11 Javascript
Vue看了就会的8个小技巧
Jan 21 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
第七章 php自定义函数实现代码
2011/12/30 PHP
避免Smarty与CSS语法冲突的方法
2015/03/02 PHP
深入学习微信网址链接解封的防封原理visit_type
2019/08/15 PHP
阻止子元素继承父元素事件具体思路及实现
2013/05/02 Javascript
浅析js中取绝对值的2种方法
2013/07/09 Javascript
javascript遍历控件实例详细解析
2014/01/10 Javascript
JavaScript打印网页指定区域的例子
2014/05/03 Javascript
js中substring和substr的定义和用法
2014/05/05 Javascript
JavaScript设计模式之观察者模式(发布者-订阅者模式)
2014/09/24 Javascript
js实现发送验证码后的倒计时功能
2015/05/28 Javascript
微信小程序 form组件详解
2016/10/25 Javascript
Javascript使用SWFUpload进行多文件上传
2016/11/16 Javascript
概述BootStrap中role=&quot;form&quot;及role作用角色
2016/12/08 Javascript
JS控件bootstrap datepicker使用方法详解
2017/03/25 Javascript
React服务端渲染(总结)
2017/07/01 Javascript
JS基于正则表达式实现的密码强度验证功能示例
2017/09/21 Javascript
parabola.js抛物线与加入购物车效果的示例代码
2017/10/25 Javascript
vue切换菜单取消未完成接口请求的案例
2020/11/13 Javascript
[47:20]DAC2018 4.4 淘汰赛 Optic vs Mineski 第一场
2018/04/05 DOTA
windows下安装python的C扩展编译环境(解决Unable to find vcvarsall.bat)
2018/02/21 Python
Python 中包/模块的 `import` 操作代码
2019/04/22 Python
Keras - GPU ID 和显存占用设定步骤
2020/06/22 Python
如何使用Cython对python代码进行加密
2020/07/08 Python
使用phonegap创建联系人的实现方法
2017/03/30 HTML / CSS
canvas 实现 github404动态效果的示例代码
2017/11/15 HTML / CSS
HTML5 层的叠加的实现
2020/07/07 HTML / CSS
美国真皮手袋品牌:GiGi New York
2017/03/10 全球购物
新西兰珠宝品牌:Michael Hill
2017/09/16 全球购物
美国滑雪板和装备购物网站:Skis.com
2018/12/20 全球购物
Otticanet美国:最顶尖的世界名牌眼镜, 能得到打折季的价格
2019/03/10 全球购物
自学考试自我鉴定范文
2013/09/26 职场文书
店面销售职位的职责
2014/03/09 职场文书
2015自愿离婚协议书范本
2015/01/28 职场文书
2015高中教师个人工作总结
2015/07/21 职场文书
六一亲子活动感想
2015/08/07 职场文书
Python用any()函数检查字符串中的字母以及如何使用all()函数
2022/04/14 Python