HTML中frameset全屏切换

gong.htm代码:

<html>
   <frameset  cols="50%,50%" id="main">
     <frame id="sj" src="index.htm">
      <frame id ="dt"  src="zuoyou.htm">
   </frameset>
</html>

index.htm代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>TrueVision</title>
</head>
<body >
   左边
</body>
</html>

zuoyou.htm代码:

<html>
	<head>
		<script type="text/javascript">
	function goResize() {
		var txt = document.getElementById("bt").value;
		if (txt == "全屏") {
			fs = top.document.getElementById("main");
			fs.cols = "0,*";
			document.getElementById("bt").value="取消";
		} else {
			fs = top.document.getElementById("main");
			fs.cols = "50%,*";
			document.getElementById("bt").value="全屏";
		}
	}
</script>
	</head>
	<body>
		<input type="button" value="全屏" id="bt" name="bt" onclick="goResize();" />
	</body>
</html>

相关推荐