`

HTML中frameset全屏切换

javahtml 
阅读更多
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>
分享到：
| 第一个flex程序
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics