js中iframe调用父页面的方法


Posted in Javascript onOctober 30, 2014

本文实例讲述了js中iframe调用父页面的方法。分享给大家供大家参考。具体实现方法如下:

子页面调用父页面的方法在js中很容易实现。我们只需要在主页面加个函数,然后在子页面通过window.parent.方法()即可实现了

比如调用a()函数,就写成:

window.parent.a();

但是我在chrome浏览器下却发现此方法无效了
//在父页面中调用该函数
<script>

function dey() {

var cards_frame=document.frames("card-iframe");    //card-iframe为iframe的名字       

cards_frame.checkedCard()             //调用iframe中定义的方法,把内嵌页面的值传到父页面

}

</script>

2)在iframe 中调用 父页面定义的方法
function alert_window(picurl,h_id) 

{ 

document.parentWindow.parent.msg(picurl,h_id); 

}

//msg()为父窗口定义的函数.

card-iframe是iframe框架的id,b()为子页面js函数。contentWindow属性是指定的frame或者iframe所在的window对象,IE下可以省略。

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
Javascript(AJAX)解析XML的代码(兼容FIREFOX/IE)
Jul 11 Javascript
一些有用的JavaScript和jQuery的片段分享
Aug 23 Javascript
一个简单的弹性返回顶部JS代码实现介绍
Jun 09 Javascript
jQuery判断复选框是否勾选的原理及示例
May 21 Javascript
JQuery实现的按钮倒计时效果
Dec 23 Javascript
BootStrap Tooltip插件源码解析
Dec 27 Javascript
JS仿Base.js实现的继承示例
Apr 07 Javascript
Vue.directive()的用法和实例详解
Mar 04 Javascript
vue.js 实现点击展开收起动画效果
Jul 07 Javascript
Vue异步组件处理路由组件加载状态的解决方案
Sep 07 Javascript
微信小程序 函数防抖 解决重复点击消耗性能问题实现代码
Sep 12 Javascript
Vue如何基于es6导入外部js文件
May 15 Javascript
js防止页面被iframe调用的方法
Oct 30 #Javascript
escape函数解决js中ajax传递中文出现乱码问题
Oct 30 #Javascript
js防止DIV布局滚动时闪动的解决方法
Oct 30 #Javascript
js实现window.open不被拦截的解决方法汇总
Oct 30 #Javascript
一个JavaScript获取元素当前高度的实例
Oct 29 #Javascript
JS 实现列表与多选框选择附预览动画
Oct 29 #Javascript
一个JavaScript操作元素定位元素的实例
Oct 29 #Javascript
You might like
CI框架装载器Loader.php源码分析
2014/11/04 PHP
php 输出json及显示json中的中文汉字详解及实例
2016/11/09 PHP
ThinkPHP+EasyUI之ComboTree中的会计科目树形菜单实现方法
2017/06/09 PHP
Yii2.0建立公共方法简单示例
2019/01/29 PHP
php+ajax 文件上传代码实例
2019/03/18 PHP
PHP与Web页面交互操作实例分析
2020/06/02 PHP
腾讯与新浪的通过IP地址获取当前地理位置(省份)的接口
2010/07/26 Javascript
Jquery Ajax的Get方式时需要注意URL地方
2011/04/07 Javascript
在jQuery中处理XML数据的大致方法
2015/08/14 Javascript
JavaScript 性能优化小结
2015/10/12 Javascript
JS实现的3D拖拽翻页效果代码
2015/10/31 Javascript
一篇文章掌握RequireJS常用知识
2016/01/26 Javascript
javascript中Date对象应用之简易日历实现
2016/07/12 Javascript
Node.js Mongodb 密码特殊字符 @的解决方法
2017/04/11 Javascript
详解Angular 4 表单快速入门
2017/06/05 Javascript
JS验证码实现代码
2017/09/14 Javascript
基于vue实现分页效果
2017/11/06 Javascript
vue.js系列中的vue-fontawesome使用
2018/02/10 Javascript
原生JS实现前端本地文件上传
2018/09/08 Javascript
vue-amap根据地址回显地图并mark的操作
2020/11/03 Javascript
解决基于 keep-alive 的后台多级路由缓存问题
2020/12/23 Javascript
微信小程序canvas实现签名功能
2021/01/19 Javascript
python原始套接字编程示例分享
2014/02/21 Python
Python Sql数据库增删改查操作简单封装
2016/04/18 Python
解决Python获取字典dict中不存在的值时出错问题
2018/10/17 Python
python微信撤回监测代码
2019/04/29 Python
Python如何基于selenium实现自动登录博客园
2019/12/16 Python
python os模块在系统管理中的应用
2020/06/22 Python
Snapfish爱尔兰:在线照片打印和个性化照片礼品
2018/09/17 全球购物
研究生求职推荐信范文
2013/11/30 职场文书
教师自荐信范文
2013/12/09 职场文书
2015年宣传部部长竞选演讲稿
2014/11/28 职场文书
考研经验交流会策划书
2015/11/02 职场文书
教你用Python matplotlib库制作简单的动画
2021/06/11 Python
用Python编写简单的gRPC服务的详细过程
2021/07/04 Python
Java使用jmeter进行压力测试
2021/07/09 Java/Android