js中iframe调用父页面的方法
更新时间：2014年10月30日 10:50:09 投稿：shichen2014
这篇文章主要介绍了js中iframe调用父页面的方法,可通过window.parent.方法()来实现,非常具有实用价值,需要的朋友可以参考下
本文实例讲述了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()为父窗口定义的函数.
{
document.parentWindow.parent.msg(picurl,h_id);
}
//msg()为父窗口定义的函数.
card-iframe是iframe框架的id，b()为子页面js函数。contentWindow属性是指定的frame或者iframe所在的window对象，IE下可以省略。
希望本文所述对大家的javascript程序设计有所帮助。
相关文章
JS中new Date().Format("yyyy-MM-dd") 报错的解决
这篇文章主要介绍了JS中new Date().Format("yyyy-MM-dd") 报错的解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-01-01
uni-app 是一个使用 vue.js 开发跨平台应用的前端框架,下面这篇文章主要给大家介绍了关于uniapp开发小程序的开发规范,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-07-07
识别浏览器的JavaScript引擎的方法对PC浏览器和移动浏览器都可用，其实实现原理就是下面的这段js，感兴趣的朋友可以参考下2013-10-10
本文给大家分享的是使用javascript实现简单的页面右下角提示信息框的方法和示例代码，有需要的小伙伴可以参考下。2015-07-07
获取table中的rowIndex和cellIndex...2006-12-12
计时器提供了一 个可以将代码片段异步延时执行的能力，javascript生来是单线程的（在一定时间范围内仅一部分js代码能运行），计时器为我们提供了一种避开这种 限制的方法，从而开辟了另一条执行代码的蹊径。2015-07-07
分包加载是一种小程序优化技术,将小程序不同功能的代码,分别打包成不同的子包,在构建时打包成不同的分包,用户在使用时按需进行加载,在构建小程序分包项目时,构建会输出一个或多个分包,这篇文章主要介绍了微信小程序---分包加载,需要的朋友可以参考下2024-07-07
Web开发中,JavaScript与CSS的结合用于增强网页的交互性和用户体验,本文将探索几种高级方法来使用JavaScript操作CSS,并分别通过代码示例进行讲解,希望对大家有所帮助2023-12-12
今天在技术群里看到一道这样的提：求1000以内被3或5整除的数字之和。小编把我的解决办法分享到脚本之家平台，供大家参考2016-02-02
在js中可以通过indexOf()方法找到指定的字符位置,再使用length属性获得字符串的长度,下面这篇文章主要给大家介绍了关于如何用js截取字符串开头、结尾及两字符串之间的内容的相关资料,需要的朋友可以参考下2022-11-11
最新评论