所有的在同一目录下面:
第一个页面:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN ">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<meta http-equiv= "content-type " content= "text/html " charset= "GB2312 ">
<link rel= "stylesheet " type= "text/css " href= " ">
<script type= "text/javascript " src= " "> </script>
<script language= "javascript " type= "text/javascript "> </script>
</HEAD>
<BODY>
<table border= "1 " align= "left " width= "60% ">
<tr>
<td> <iframe name= "fa " src= "a.html "> </iframe> </td>
<td> <iframe name= "fb " src= "b.html "> </iframe> </td>
<tr>
</table>
</BODY>
</HTML>
/************a.html*******************/
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN ">
<HTML>
<HEAD>
<TITLE> aaaaaaaaa </TITLE>
<meta http-equiv= "content-type " content= "text/html " charset= "GB2312 ">
<link rel= "stylesheet " type= "text/css " href= " ">
<script type= "text/javascript " src= " "> </script>
<script language= "javascript " type= "text/javascript ">
function control()
{
parent.frames[ 'fb '].document.getElementById( "button ").style.display = 'block ';
}
</script>
</HEAD>
/************b.html*******************/
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN ">
<HTML>
<HEAD>
<TITLE> bbbbbbbbbbb </TITLE>
<meta http-equiv= "content-type " content= "text/html " charset= "GB2312 ">
<link rel= "stylesheet " type= "text/css " href= " ">
<script type= "text/javascript " src= " "> </script>
<script language= "javascript " type= "text/javascript "> </script>
</HEAD>
<BODY>
<INPUT TYPE= "button " NAME= " " style= "display:none; " id= "button " value= "I 'm here here!~~~~~~~~ ">
</BODY>
</HTML>
<BODY>
<input type= "button " value= "Display " style= "cursor:hand; " οnclick= "control();return true; ">
</BODY>
</HTML>
第一个页面:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN ">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<meta http-equiv= "content-type " content= "text/html " charset= "GB2312 ">
<link rel= "stylesheet " type= "text/css " href= " ">
<script type= "text/javascript " src= " "> </script>
<script language= "javascript " type= "text/javascript "> </script>
</HEAD>
<BODY>
<table border= "1 " align= "left " width= "60% ">
<tr>
<td> <iframe name= "fa " src= "a.html "> </iframe> </td>
<td> <iframe name= "fb " src= "b.html "> </iframe> </td>
<tr>
</table>
</BODY>
</HTML>
/************a.html*******************/
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN ">
<HTML>
<HEAD>
<TITLE> aaaaaaaaa </TITLE>
<meta http-equiv= "content-type " content= "text/html " charset= "GB2312 ">
<link rel= "stylesheet " type= "text/css " href= " ">
<script type= "text/javascript " src= " "> </script>
<script language= "javascript " type= "text/javascript ">
function control()
{
parent.frames[ 'fb '].document.getElementById( "button ").style.display = 'block ';
}
</script>
</HEAD>
/************b.html*******************/
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN ">
<HTML>
<HEAD>
<TITLE> bbbbbbbbbbb </TITLE>
<meta http-equiv= "content-type " content= "text/html " charset= "GB2312 ">
<link rel= "stylesheet " type= "text/css " href= " ">
<script type= "text/javascript " src= " "> </script>
<script language= "javascript " type= "text/javascript "> </script>
</HEAD>
<BODY>
<INPUT TYPE= "button " NAME= " " style= "display:none; " id= "button " value= "I 'm here here!~~~~~~~~ ">
</BODY>
</HTML>
<BODY>
<input type= "button " value= "Display " style= "cursor:hand; " οnclick= "control();return true; ">
</BODY>
</HTML>