现在的位置: 首页 > 综合 > 正文

iframe 父窗口和子窗口的调用方法

2013年05月09日 ⁄ 综合 ⁄ 共 1259字 ⁄ 字号 评论关闭
test.htm
<html xmlns="http://www.w3.org/1999/xhtml" >
<HEAD> 
<TITLE> Test Page </TITLE> 
<!--<script src="prototype-1.4.0.js"></script> -->
<script language="javascript"> 
function show()
        window.parent.frames[
"frame_test"].document.getElementById("myH1").innerHTML = "http://www.pint.com"

}
 
</script> 
</HEAD>
<BODY> 
<iframe height="350"  width="600" src="frame_test.htm"  name="frame_test"></iframe> 
<form action="" method="post"> 
   
<input name="haha" id="haha" type="text" maxlength="30" value="haha"/><br /> 
   
<textarea cols="50" rows="5" id="getAttributeMethod"></textarea> 
   
<input type="button" onClick="show();" value="提交"/>
</form> 
<h1 id="myH1">d</h1> 
</BODY> 
</HTML> 

frame_test.htm

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>无标题文档</title> 
</head> 
<script language="javascript"> 
function show()
        parent.document.getElementById(
"myH1").innerHTML = 
"http://www.adsf.com"


}
 


</script> 
<body> 
<h1 id="myH1">ha</h1> 
<form action="" method="post"> 
<input name="abc" id="abc" type="text" maxlength="30" value="abc" /><br 
/> 
<textarea cols="50" rows="10" id="text"></textarea> <br /> 
<input type="button" value="提交" onclick="show();"/> 
</form> 
</body> 
</html> 

抱歉!评论已关闭.