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 学习之旅 (3)
Feb 05 Javascript
屏蔽Flash右键信息的js代码
Jan 17 Javascript
超级24小时弹窗代码 24小时退出弹窗代码 100%弹窗代码(IE only)
Jun 11 Javascript
JavaScript中原型和原型链详解
Feb 11 Javascript
jQuery qrcode生成二维码的方法
Apr 03 Javascript
判断是否存在子节点的实现代码
May 18 Javascript
JS实现中国公民身份证号码有效性验证
Feb 20 Javascript
ES6中的rest参数与扩展运算符详解
Jul 18 Javascript
vue数字类型过滤器的示例代码
Sep 07 Javascript
Mac下安装vue
Apr 11 Javascript
iview实现图片上传功能
Jun 29 Javascript
详解Vue的options
May 15 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
Sorting Array Values in PHP(数组排序)
2011/09/15 PHP
微信支付开发订单查询实例
2016/07/12 PHP
PHP 实现人民币小写转换成大写的方法及大小写转换函数
2017/11/17 PHP
JQuery 1.6发布 性能提升,同时包含大量破坏性变更
2011/05/10 Javascript
如何从jQuery的ajax请求中删除X-Requested-With
2013/12/11 Javascript
jquery checkbox 勾选的bug问题解决方案与分析
2014/11/13 Javascript
javascript事件模型实例分析
2015/01/30 Javascript
在JavaScript中使用开平方根的sqrt()方法
2015/06/15 Javascript
javascript实现相同事件名称,不同命名空间的调用方法
2015/06/26 Javascript
JS实现alert中显示换行的方法
2015/12/17 Javascript
js数组与字符串常用方法总结
2017/01/13 Javascript
Angular2 路由问题修复详解
2017/03/01 Javascript
Vue如何引入远程JS文件
2017/04/20 Javascript
Vue-Router实现组件间跳转的三种方法
2017/11/07 Javascript
babel的使用及安装配置教程
2018/02/22 Javascript
js中位运算的运用实例分析
2018/12/11 Javascript
vue日历/日程提醒/html5本地缓存功能
2019/09/02 Javascript
微信小程序动态添加和删除组件的现实
2020/02/28 Javascript
Python实现给文件添加内容及得到文件信息的方法
2015/05/28 Python
Python中创建字典的几种方法总结(推荐)
2017/04/27 Python
Python测试人员需要掌握的知识
2018/02/08 Python
Win8下python3.5.1安装教程
2020/07/29 Python
Python3如何实现Win10桌面自动切换
2020/08/11 Python
DRF框架API版本管理实现方法解析
2020/08/21 Python
Python利用matplotlib绘制折线图的新手教程
2020/11/05 Python
Python利用myqr库创建自己的二维码
2020/11/24 Python
HTML5之WebGL 3D概述(上)—WebGL原生开发开启网页3D渲染新时代
2013/01/31 HTML / CSS
为中国消费者甄选天下优品:网易严选
2016/08/11 全球购物
高中打架检讨书
2014/02/13 职场文书
巾帼文明岗汇报材料
2014/12/24 职场文书
警告通知
2015/04/25 职场文书
2015年幼儿园班主任工作总结
2015/05/12 职场文书
龙猫观后感
2015/06/09 职场文书
斗罗大陆八大特殊魂兽,龙族始祖排榜首,第五最残忍(翠魔鸟)
2022/03/18 国漫
使用 MybatisPlus 连接 SqlServer 数据库解决 OFFSET 分页问题
2022/04/22 SQL Server
详解Golang如何实现支持随机删除元素的堆
2022/09/23 Python