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入门·对象属性方法大总结
Oct 01 Javascript
个人网站留言页面(前端jQuery编写、后台php读写MySQL)
May 03 Javascript
javascript实现标签切换代码示例
May 22 Javascript
浅谈JavaScript 覆盖原型以及更改原型
Aug 31 Javascript
jquery对Json的各种遍历方法总结(必看篇)
Sep 29 Javascript
JS动态计算移动端rem的解决方案
Oct 14 Javascript
AngularJS用户选择器指令实例分析
Nov 04 Javascript
js实现短信发送倒计时功能(正则验证)
Feb 10 Javascript
详解Jest结合Vue-test-utils使用的初步实践
Jun 27 Javascript
JavaScript实现联动菜单特效
Jan 07 Javascript
vuex入门最详细整理
Mar 04 Javascript
javascript设计模式 ? 状态模式原理与用法实例分析
Apr 22 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的魔术常量__METHOD__简介
2014/07/08 PHP
自适应高度框架 ----属个人收藏内容
2007/01/22 Javascript
深入理解jQuery中live与bind方法的区别
2013/12/18 Javascript
jQuery中prevAll()方法用法实例
2015/01/08 Javascript
jQuery插件之validation插件
2017/03/29 jQuery
Bootstrap 表单验证formValidation 实现表单动态验证功能
2017/05/17 Javascript
Vuex利用state保存新闻数据实例
2017/06/28 Javascript
温故知新——JavaScript中的字符串连接问题最全总结(推荐)
2017/08/21 Javascript
jQuery中.attr()和.data()的区别分析
2017/09/03 jQuery
基于vue.js路由参数的实例讲解——简单易懂
2017/09/07 Javascript
浅谈ajax在jquery中的请求和servlet中的响应
2018/01/22 jQuery
JavaScript实现京东购物放大镜和选项卡效果的方法分析
2018/07/05 Javascript
利用Vue构造器创建Form组件的通用解决方法
2018/12/03 Javascript
微信小程序实现的picker多级联动功能示例
2019/05/23 Javascript
JS随机密码生成算法
2019/09/23 Javascript
在vue中利用全局路由钩子给url统一添加公共参数的例子
2019/11/01 Javascript
Python读取图片EXIF信息类库介绍和使用实例
2014/07/10 Python
python 读写中文json的实例详解
2017/10/29 Python
20个常用Python运维库和模块
2018/02/12 Python
python实现DEM数据的阴影生成的方法
2019/07/23 Python
把django中admin后台界面的英文修改为中文显示的方法
2019/07/26 Python
关于初始种子自动选取的区域生长实例(python+opencv)
2020/01/16 Python
python检查目录文件权限并修改目录文件权限的操作
2020/03/11 Python
python 使用三引号时容易犯的小错误
2020/10/21 Python
Python爬取酷狗MP3音频的步骤
2021/02/26 Python
解释一下ArrayList Vector和LinkedList的实现和区别
2013/04/26 面试题
三好学生自我鉴定
2013/12/17 职场文书
三年级音乐教学反思
2014/01/28 职场文书
就业推荐表自我鉴定范文
2014/03/21 职场文书
十八大标语口号
2014/10/09 职场文书
2014年客服工作总结范文
2014/11/13 职场文书
五星级酒店前台接待岗位职责
2015/04/02 职场文书
学校党支部承诺书
2015/04/30 职场文书
2015年学校消防安全工作总结
2015/10/14 职场文书
Win11 S Mode版本泄露 正式上线后叫做Windows 11 SE
2021/11/21 数码科技
SQL语句多表联合查询的方法示例
2022/04/18 MySQL