欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！

您现在的位置是：首页

HTML中frameset全屏切换

程序员文章站 2023-12-22 19:31:22

...

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>

相关标签： java html

上一篇：

下一篇：

推荐阅读