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 相关文章推荐
根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码
Feb 22 Javascript
对YUI扩展的Gird组件 Part-2
Mar 10 Javascript
JavaScript DOM 学习第三章 内容表格
Feb 19 Javascript
JSON语法五大要素图文介绍
Dec 04 Javascript
setTimeout自动触发一个js的方法
Jan 15 Javascript
js判断登录与否并确定跳转页面的方法
Jan 30 Javascript
js简单实现点击左右运动的方法
Apr 10 Javascript
MVC+jQuery.Ajax异步实现增删改查和分页
Dec 22 Javascript
微信小程序仿朋友圈发布动态功能
Jul 15 Javascript
Vue使用axios出现options请求方法
May 30 Javascript
使用 Vue 实现一个虚拟列表的方法
Aug 20 Javascript
JS实现页面数据懒加载
Feb 13 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/03/24 PHP
curl和libcurl的区别简介
2015/07/01 PHP
jQuery live
2009/05/15 Javascript
js 中 document.createEvent的用法
2010/08/29 Javascript
jQuery的Ajax的自动完成功能控件简要说明
2013/02/22 Javascript
给超链接添加特效鼠标移动展示提示信息且随鼠标移动
2013/10/17 Javascript
javascript遍历控件实例详细解析
2014/01/10 Javascript
node.js中的http.response.write方法使用说明
2014/12/14 Javascript
js制作简易年历完整实例
2015/01/28 Javascript
举例讲解AngularJS中的模块
2015/06/17 Javascript
JQuery中模拟image的ajaxPrefilter与ajaxTransport处理
2015/06/19 Javascript
跟我学习javascript的隐式强制转换
2015/11/16 Javascript
javascript 组合按键事件监听实现代码
2017/02/21 Javascript
nodejs个人博客开发第三步 载入页面
2017/04/12 NodeJs
完美解决axios在ie下的兼容性问题
2018/03/05 Javascript
15个顶级开源JavaScript框架和库
2018/10/10 Javascript
如何使用webpack打包一个库library的方法步骤
2019/12/18 Javascript
JS实现简易留言板特效
2019/12/23 Javascript
如何使用JavaScript实现无缝滚动自动播放轮播图效果
2020/08/20 Javascript
python 获取网页编码方式实现代码
2017/03/11 Python
python构建指数平滑预测模型示例
2019/11/21 Python
Python3实现将一维数组按标准长度分隔为二维数组
2019/11/29 Python
Python yield生成器和return对比代码实例
2020/04/20 Python
基于html5 DeviceOrientation 实现微信摇一摇功能
2015/09/25 HTML / CSS
JavaScript+Canvas实现自定义画板的示例代码
2019/05/13 HTML / CSS
面向对象概念面试题(.NET)
2016/11/04 面试题
2014年公务员思想汇报范文:全心全意为人民服务
2014/03/06 职场文书
《会走路的树》教后反思
2014/04/19 职场文书
《悯农》教学反思
2014/04/28 职场文书
房屋租房协议书范本
2014/12/04 职场文书
婚育证明格式
2015/06/17 职场文书
2016年教师党员创先争优承诺书
2016/03/24 职场文书
小学四年级班务总结该怎么写?
2019/08/16 职场文书
Python中的np.argmin()和np.argmax()函数用法
2021/06/02 Python
Linux下使用C语言代码搭建一个简单的HTTP服务器
2022/04/13 Servers
Mysql开启外网访问
2022/05/15 MySQL