手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js中iframe调用父页面的方法
js中iframe调用父页面的方法
摘要:本文实例讲述了js中iframe调用父页面的方法。分享给大家供大家参考。具体实现方法如下:子页面调用父页面的方法在js中很容易实现。我们只需...

本文实例讲述了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程序设计有所帮助。

【js中iframe调用父页面的方法】相关文章:

js实现两点之间画线的方法

JQuery给网页更换皮肤的方法

jQuery替换textarea中换行的方法

js获取滚动距离的方法

jQuery实现自动滚动到页面顶端的方法

javascript实现行拖动的方法

js+html5绘制图片到canvas的方法

javascript中clipboardData对象用法

js禁止页面刷新与后退的方法

javascript操作ul中li的方法

精品推荐
分类导航