iframe父子窗口间JS方法调用

来源:互联网 发布:adams四连杆优化 编辑:程序博客网 时间:2024/06/11 06:15
1.父窗口页parent.html
 
<html> 
<head> 
<script type="text/javascript"> 
 function  say(){  
      alert("parent.html------>I'matparent.html");  
}  
 function callChild(){  
 myFrame.window.say();  //父窗口调用iframe子窗口方法myFrame为子窗口iframe的名称 
}  
</script> 
 </head> 
     <body> 
        <input  type="button"   value="调用child.html中的函数say()"onclick="callChild()"> 
        <iframe  name="myFrame"  src="child.html"></iframe> 
    </body> 
</html> 

2.子窗口页面child.html
<html> 
    <head> 
        <script type="text/javascript"> 
           function say(){  
                alert("child.html--->I'matchild.html");  
                }  
           function  callParent(){  
                parent.say();  //iframe子窗口调用父窗口方法
                }  
        </script> 
    </head> 
        <body> 
            <input type="button"  value="调用parent.html中的say()函数" onclick="callParent()">
        </body> 
</html> 




0 0
原创粉丝点击