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 解析json的代码
Dec 16 Javascript
jquery实现智能感知连接外网搜索
May 21 Javascript
javascript函数作用域学习示例(js作用域)
Jan 13 Javascript
js实现超酷的照片墙展示效果图附源码下载
Oct 08 Javascript
javascript判断firebug是否开启的方法
Nov 23 Javascript
jQuery 如何实现一个滑动按钮开关
Dec 01 Javascript
JQuery中Ajax的操作完整例子
Mar 07 Javascript
Vue.directive使用注意(小结)
Aug 31 Javascript
js隐式转换的知识实例讲解
Sep 28 Javascript
前端js中的事件循环eventloop机制详解
May 15 Javascript
教你30秒发布一个TypeScript包到NPM的方法步骤
Jul 22 Javascript
超简单的微信小程序轮播图
Nov 22 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实现登陆验证码(类似条行码状)
2006/10/09 PHP
PHP获取http请求的头信息实现步骤
2012/12/16 PHP
PHP简单字符串过滤方法示例
2016/09/04 PHP
Laravel5.5以下版本中如何自定义日志行为详解
2018/08/01 PHP
JS 实现导航栏悬停效果(续2)
2013/09/24 Javascript
Firefox中通过JavaScript复制数据到剪贴板(Copy to Clipboard 跨浏览器版)
2013/11/22 Javascript
DOM基础教程之模型中的模型节点
2015/01/19 Javascript
js实现下拉框选择要显示图片的方法
2015/02/16 Javascript
详解JavaScript对W3C DOM模版的支持情况
2015/06/16 Javascript
JavaScript中数据结构与算法(四):串(BF)
2015/06/19 Javascript
详解Node.js模块间共享数据库连接的方法
2016/05/24 Javascript
ES2015 Symbol 一种绝不重复的值
2016/12/25 Javascript
js实现悬浮窗效果(支持拖动)
2017/03/09 Javascript
Angular 4中如何显示内容的CSS样式示例代码
2017/11/06 Javascript
微信小程序实现图片压缩功能
2018/01/26 Javascript
vue组件jsx语法的具体使用
2018/05/21 Javascript
用vuex写了一个购物车H5页面的示例代码
2018/12/04 Javascript
微信小程序webview与h5通过postMessage实现实时通讯的实现
2019/08/20 Javascript
JavaScript之Blob对象类型的具体使用方法
2019/11/29 Javascript
基于JavaScript实现贪吃蛇游戏
2020/03/16 Javascript
python数据结构之二叉树的统计与转换实例
2014/04/29 Python
分析Python读取文件时的路径问题
2018/02/11 Python
python感知机实现代码
2019/01/18 Python
python实现人工智能Ai抠图功能
2019/09/05 Python
Python实现使用dir获取类的方法列表
2019/12/24 Python
Jupyter notebook运行Spark+Scala教程
2020/04/10 Python
mac安装python3后使用pip和pip3的区别说明
2020/09/01 Python
Html5大文件断点续传实现方法
2015/12/05 HTML / CSS
银行求职推荐信范文
2013/11/30 职场文书
干部现实表现材料
2014/02/13 职场文书
学校三八妇女节活动情况总结
2014/03/09 职场文书
文明城市创建标语
2014/06/16 职场文书
条幅标语大全
2014/06/20 职场文书
九一八事变演讲稿范文
2014/09/14 职场文书
如何获取numpy array前N个最大值
2021/05/14 Python
新手必备之MySQL msi版本下载安装图文详细教程
2021/05/21 MySQL