js 在iframe中的两个页面传值-CSDN博客

本文链接：https://blog.csdn.net/iteye_19010/article/details/82366820

所有的在同一目录下面：
第一个页面：
<!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>