编程 Javascript

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>

JQuery操作iframe父页面与子页面的元素与方法(实例讲解)

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Dom 是什么的详细说明

Oct 25 Javascript

jquery获取对象的方法足以应付常见的各种类型的对象

May 14 Javascript

JavaScript实现跨浏览器的添加及删除事件绑定函数实例

Aug 04 Javascript

JavaScript构造函数详解

Dec 27 Javascript

Bootstrap开发实战之响应式轮播图

Jun 02 Javascript

微信小程序向左滑动删除功能的实现

Mar 10 Javascript

ui-router中使用ocLazyLoad和resolve的具体方法

Oct 18 Javascript

vue项目中应用ueditor自定义上传按钮功能

Apr 27 Javascript

微信小程序开发背景图显示功能

Aug 08 Javascript

微信小程序开发摇一摇功能

Nov 22 Javascript

JavaScript工具库MyTools详解

Jan 01 Javascript

vue-socket.io跨域问题有效解决方法

Feb 11 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引用（&）

2014/09/04 PHP

PHP PDOStatement::fetchObject讲解

2019/02/01 PHP

php更新cookie内容的详细方法

2019/09/30 PHP

php实现微信和支付宝支付的示例代码

2020/08/11 PHP

事件绑定之小测试 onclick && addEventListener

2011/07/31 Javascript

让ie6也支持websocket采用flash封装实现

2013/02/18 Javascript

Get中文乱码IE浏览器Get中文乱码解决方案

2013/12/26 Javascript

JavaScript+CSS控制打印格式示例介绍

2014/01/07 Javascript

js实现局部页面打印预览原理及示例代码

2014/07/03 Javascript

深入探讨javascript中的数据类型

2015/03/04 Javascript

jQuery判断指定id的对象是否存在的方法

2015/05/22 Javascript

向JavaScript的数组中添加元素的方法小结

2015/10/24 Javascript

Vue动态获取width的方法

2018/08/22 Javascript

JS中的算法与数据结构之链表(Linked-list)实例详解

2019/08/20 Javascript

使用vuex存储用户信息到localStorage的实例

2019/11/11 Javascript

Python中dictionary items()系列函数的用法实例

2014/08/21 Python

在Django的通用视图中处理Context的方法

2015/07/21 Python

Python简单格式化时间的方法【strftime函数】

2016/09/18 Python

python pandas实现excel转为html格式的方法

2018/10/23 Python

python配置grpc环境

2019/01/01 Python

对Django 转发和重定向的实例详解

2019/08/06 Python

python多线程与多进程及其区别详解

2019/08/08 Python

Tensorflow 定义变量,函数,数值计算等名字的更新方式

2020/02/10 Python

英国领先的在线旅游和休闲零售商：lastminute.com

2019/01/23 全球购物

高分子材料与工程专业推荐信

2013/12/01 职场文书

奥巴马演讲稿

2014/01/08 职场文书

《我的信念》教学反思

2014/02/15 职场文书

学校食品安全实施方案

2014/06/14 职场文书

社区精神文明建设汇报材料

2014/08/17 职场文书

承诺书模板

2014/08/30 职场文书

2014教师“四风问题”对照检查材料思想汇报

2014/09/16 职场文书

工作检讨书大全

2015/01/26 职场文书

同意落户证明

2015/06/19 职场文书

学前班教学反思

2016/02/24 职场文书

Redis Cluster集群动态扩容的实现

2021/07/15 Redis

Spark SQL 2.4.8 操作 Dataframe的两种方式

2021/10/16 SQL Server