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 代码的方法小结
Jul 16 Javascript
kindeditor修复会替换script内容的问题
Apr 03 Javascript
JavaScript实现多个重叠层点击切换效果的方法
Apr 24 Javascript
JavaScript实现自动消除按钮功能的方法
Aug 05 Javascript
比较常见的javascript中定义函数的区别
Nov 09 Javascript
jQuery限制图片大小的方法
May 25 Javascript
如何用JS判断两个数字的大小
Jul 21 Javascript
vue-cli入门之项目结构分析
Apr 20 Javascript
angularjs 动态从后台获取下拉框的值方法
Aug 13 Javascript
小程序实现选择题选择效果
Nov 04 Javascript
vue实现购物车选择功能
Jan 10 Javascript
React forwardRef的使用方法及注意点
Jun 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
杏林同学录(七)
2006/10/09 PHP
ubuntu下编译安装xcache for php5.3 的具体操作步骤
2013/06/18 PHP
PHP Session 变量的使用方法详解与实例代码
2013/09/11 PHP
php字符串按照单词进行反转的方法
2015/03/14 PHP
php数组索引与键值操作技巧实例分析
2015/06/24 PHP
jQuery学习笔记之控制页面实现代码
2012/02/27 Javascript
Javascript中的for in循环和hasOwnProperty结合使用
2013/06/05 Javascript
js保留小数点后几位的写法
2014/01/03 Javascript
javascript中 try catch用法
2015/08/16 Javascript
JavaScript实现上下浮动的窗口效果代码
2015/10/12 Javascript
JavaScript_object基础入门(必看篇)
2016/06/13 Javascript
关于json字符串与实体之间的严格验证代码
2016/11/10 Javascript
在nginx上部署vue项目(history模式)的方法
2017/12/28 Javascript
vue axios封装及API统一管理的方法
2019/04/18 Javascript
JS实现使用POST方式发送请求
2019/08/30 Javascript
JS+CSS实现3D切割轮播图
2020/03/21 Javascript
基于JavaScript的数据结构队列动画实现示例解析
2020/08/06 Javascript
详解vue3中组件的非兼容变更
2021/03/03 Vue.js
[03:46]DAC趣味视频-中文考试.mp4
2017/04/02 DOTA
[00:15]天涯墨客终极技能展示
2018/08/25 DOTA
linux 下实现python多版本安装实践
2014/11/18 Python
python采集微信公众号文章
2018/12/20 Python
初探利用Python进行图文识别(OCR)
2019/02/26 Python
Python实现带下标索引的遍历操作示例
2019/05/30 Python
python删除列表元素的三种方法(remove,pop,del)
2019/07/22 Python
Python numpy多维数组实现原理详解
2020/03/10 Python
Vs Code中8个好用的python 扩展插件
2020/10/12 Python
python 实现&quot;神经衰弱&quot;翻牌游戏
2020/11/09 Python
基于CSS3 animation动画属性实现轮播图效果
2017/09/12 HTML / CSS
员工评语大全
2014/01/19 职场文书
员工薪酬激励方案
2014/06/13 职场文书
经营目标责任书
2015/05/08 职场文书
教你使用Python pypinyin库实现汉字转拼音
2021/05/27 Python
关于@OnetoMany关系映射的排序问题,使用注解@OrderBy
2021/12/06 Java/Android
CSS精灵图的原理与使用方法介绍
2022/03/17 HTML / CSS
Go语言编译原理之源码调试
2022/08/05 Golang