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现实多行信息
Aug 26 Javascript
jquery tools 系列 scrollable学习
Sep 06 Javascript
自动设置iframe大小的jQuery代码
Sep 11 Javascript
jQuery创建DOM元素实例解析
Jan 19 Javascript
jquery插入兄弟节点的操作方法
Dec 07 Javascript
Javascript实现信息滚动效果
May 18 Javascript
vue.js select下拉框绑定和取值方法
Mar 03 Javascript
详解VUE中常用的几种import(模块、文件)引入方式
Jul 03 Javascript
Vue.js的动态组件模板的实现
Nov 26 Javascript
vue下axios拦截器token刷新机制的实例代码
Jan 17 Javascript
JavaScript对象属性操作实例解析
Feb 04 Javascript
Vue切换Tab动态渲染组件的操作
Sep 21 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
PHP实现获取文件后缀名的几种常用方法
2015/08/08 PHP
yii2 commands模式以及配置crontab定时任务的方法
2017/08/19 PHP
零基础php编程好学吗
2019/10/11 PHP
JavaScript中的类继承
2010/11/25 Javascript
javascript中检测变量的类型的代码
2010/12/28 Javascript
js jquery数组介绍
2012/07/15 Javascript
jquery ajax请求实例深入解析
2012/11/26 Javascript
javascript数组操作(创建、元素删除、数组的拷贝)
2014/04/07 Javascript
jQuery页面加载初始化常用的三种方法
2014/06/04 Javascript
JavaScript设置获取和设置属性的方法
2015/03/04 Javascript
nodejs中使用多线程编程的方法实例
2015/03/24 NodeJs
利用jsonp与代理服务器方案解决跨域问题
2017/09/14 Javascript
深入理解js A*寻路算法原理与具体实现过程
2018/12/13 Javascript
vue项目中引入vue-datepicker插件的详解
2019/05/14 Javascript
vue element-ui之怎么封装一个自己的组件的详解
2019/05/20 Javascript
原生js生成图片验证码
2020/10/11 Javascript
在Django中编写模版节点及注册标签的方法
2015/07/20 Python
Python定时任务sched模块用法示例
2018/07/16 Python
django框架使用方法详解
2019/07/18 Python
python设置随机种子实例讲解
2019/09/12 Python
Django将默认的SQLite更换为MySQL的实现
2019/11/18 Python
用CSS3写的模仿iPhone中的返回按钮
2015/04/04 HTML / CSS
详解移动端HTML5音频与视频问题及解决方案
2018/08/22 HTML / CSS
HTML5 source标签:媒介元素定义媒介资源
2018/01/29 HTML / CSS
菲律宾旅游网站:Expedia菲律宾
2017/10/11 全球购物
女孩每月服装订阅盒:kidpik
2019/04/17 全球购物
程序员机试试题汇总
2012/03/07 面试题
.net C#面试题
2012/08/28 面试题
董事长秘书职责
2014/01/31 职场文书
女子职高个人自荐书
2014/02/01 职场文书
简历的自我评价范文
2014/02/04 职场文书
高中生国庆节演讲稿范文2014
2014/09/21 职场文书
区域销售经理岗位职责
2015/04/02 职场文书
2015年房产经纪人工作总结
2015/05/15 职场文书
幼儿园中班教学反思
2016/03/03 职场文书
总结几个非常实用的Python库
2021/06/26 Python