您的位置:首页 > Web前端 > JavaScript

iframe框架之间js方法相互调用及数据传递

2016-12-05 16:26 519 查看
在一个叫top.html的页面定义两个iframe和两个方法

<iframe id="gg" name="gg" src="gg.html" width="500" height="200"></iframe>

<iframe id="dd" name="dd" src="dd.html" width="500" height="200"></iframe>

<script type="text/javascript">
function top()
{
alert("top");
}
//调用子框架gg.html页面中的gg函数,并把“我在top里呼唤gg”传给gg()
function  top_gg(){
window.frames["gg"].gg("我在top里呼唤gg");
}
</script>


在gg.html写两个方法调用

<script type="text/javascript">
//调用顶层框架中的top函数
function() gg_top{
top.top();
})
function gg(t){
alert(t);
}
</script>


在dd.html写一个方法调用

<script type="text/javascript">
//在dd.html中调用gg.html中dd_gg()function() dd_gg{
parent.window.frames["gg"].gg("在dd中呼唤gg");
})
</script>


 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐