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

来源:互联网 发布:linux安装详解 编辑:程序博客网 时间:2024/06/06 14:26

在一个叫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>

 

0 0
原创粉丝点击