html父窗口和子窗口之间元素和js相互调用

html父窗口和子窗口之间元素和js相互调用
  
父窗口调用子窗口
window.frames["iframe的id"].document.getElementById("iframe中的id"-)

子窗口调用父窗口
parent.document.getElementById("父页面中的Id")

iframe父子窗口间js方法调用
父窗口调用iframe子窗口方法
<iframe name="myFrame" src="child.html"></iframe>
myFrame.window.functionName();

iframe子窗口调用父窗口方法
parent.functionName();

父窗口页面
<html>    
<head>    
<script   type="text/javascript">      
function say() {  
alert("parent.html------>I'm at parent.html");  
}    
function callChild()  {     
//document.frames("myFrame").f1();  
myFrame.window.say();  }    
</script>    
</head>        
<body>      
<input   type=button   value="调用child.html中的函数say()" onclick="callChild()">   
<iframe name="myFrame" src="child.html"></iframe>  
</body>    

</html>   

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

你可能感兴趣的:(JavaScript,html)