注:以下代码要在localhost里面访问,因为有些浏览器不支持该属性。
父页面代码
<html>
<head>
<script type="text/JavaScript">
function cc(){
alert(1212);
}
</script>
</head>
<body>
<table border="1" width="100%">
<tbody>
<tr>
<td width="100%"><iframe src="b.htm" name="aa"></iframe></td>
</tr>
<tr>
<td width="100%"><iframe src="c.htm" name="bb"></iframe></td>
</tr>
</tbody>
</table>
</body>
</html>
子页面b.htm
<html>
<head>
<title>1</title>
<script type="text/JavaScript">
function aa(){
parent.frames["bb"].document.all["TextBox3"].value = document.getElementById("TextBox1").value;
parent.frames["bb"].document.all["TextBox4"].value = document.getElementById("TextBox2").value;
}
function bb(){
parent.cc();
}
</script>
</head>
<body>
<form id="a">
<input id="TextBox1" type="text" value="1" />
<input id="TextBox2" type="text" value="2" />
<input id="T" type="button" value="同级页面反应" οnclick="aa();" />
<input id="T" type="button" value="父页面反应" οnclick="bb();" />
</form>
</body>
</html>
子页面c.html
<html>
<title>2</title>
<head></head>
<body>
<form id="b">
<input id="TextBox3" type="text" id="TextBox1" value="1231111"/>
<input id="TextBox4" type="text" id="TextBox2" value="123"/>
</form>
</body>
</html>