frameset网页框架布局模式

原创 2015年07月07日 23:27:33


//2014年8月29日 16:30:06





home.jsp:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<frameset rows="80,*,40">
<frame name="top" noresize="noresize" scrolling="no"
src="${pageContext.request.contextPath }/jsp/home/top.jsp"></frame>
<frameset cols="180,*">
<frame name="left" noresize="noresize"
src="${pageContext.request.contextPath }/jsp/home/left.jsp"></frame>
<frame name="right" noresize="noresize"
src="${pageContext.request.contextPath }/jsp/home/right.jsp"></frame>
</frameset>
<frame name="bottom" noresize="noresize"
src="${pageContext.request.contextPath }/jsp/home/bottom.jsp"></frame>
</frameset>
</head>
<body>
 
</body>
</html>



top.jsp:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
 
</head>
<body>这是上面
</body>
</html>


bottom.jsp:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
 
</head>
<body>这是底部
</body>
</html>


left.jsp:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript"
src="${pageContext.request.contextPath }/js/jquery-1.7.2.min.js"></script>
</head>
<body>
<ul>
<li>
<div onclick="$(this).next().toggle(); " style="cursor:pointer">xx管理</div>
<ul>
<li><a
href="${pageContext.request.contextPath }/userAction?mode=list"
target="right">xx管理</a></li>
<li>xx管理</li>
<li>xx管理</li>
</ul></li>
<li>
<div>xx管理</div>
<ul>
<li>xx管理</li>
<li>xx管理</li>
<li>xx管理</li>
</ul>
</li>
</ul>
</body>
</html>


right.jsp:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
</head>
<body>
这是右边
</body>
</html>
//2014年8月29日 16:30:06


 


文件:   
            






home.jsp:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<frameset rows="80,*,40">
<frame name="top" noresize="noresize" scrolling="no"
src="${pageContext.request.contextPath }/jsp/home/top.jsp"></frame>
<frameset cols="180,*">
<frame name="left" noresize="noresize"
src="${pageContext.request.contextPath }/jsp/home/left.jsp"></frame>
<frame name="right" noresize="noresize"
src="${pageContext.request.contextPath }/jsp/home/right.jsp"></frame>
</frameset>
<frame name="bottom" noresize="noresize"
src="${pageContext.request.contextPath }/jsp/home/bottom.jsp"></frame>
</frameset>
</head>
<body>
 
</body>
</html>



top.jsp:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
 
</head>
<body>这是上面
</body>
</html>


bottom.jsp:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
 
</head>
<body>这是底部
</body>
</html>


left.jsp:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript"
src="${pageContext.request.contextPath }/js/jquery-1.7.2.min.js"></script>
</head>
<body>
<ul>
<li>
<div onclick="$(this).next().toggle(); " style="cursor:pointer">xx管理</div>
<ul>
<li><a
href="${pageContext.request.contextPath }/userAction?mode=list"
target="right">xx管理</a></li>
<li>xx管理</li>
<li>xx管理</li>
</ul></li>
<li>
<div>xx管理</div>
<ul>
<li>xx管理</li>
<li>xx管理</li>
<li>xx管理</li>
</ul>
</li>
</ul>
</body>
</html>


right.jsp:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
</head>
<body>
这是右边
</body>
</html>
版权声明:本文为博主原创文章,未经博主允许不得转载。

[前端 1] 使用frameset框架构建网页基本布局

导读:在做项目的过程中,发现网页的一些地方是不变的,比如说顶部、底部。而变幻的内容就只是一部分。这个时候在想,这是每次都刷新一个界面呢,还是有别的快捷方法呢。然后就找到了frameset 这个东西。本...
  • u013034889
  • u013034889
  • 2016年03月27日 22:38
  • 3317

html 利用 frameset 进行简单的框架布局

参考 w3cschool 上面提到frameset 不要和body 同时使用 index.html代码
  • u010598445
  • u010598445
  • 2015年08月26日 21:22
  • 17384

frameset 给主框架添加滚动条

之前做了一个Web项目,用到了frameset框架,具体设计如下: statistics.htm" noresize id="main" nam...
  • white_smile
  • white_smile
  • 2014年02月18日 14:42
  • 1014

html中使用frameset布局

1:top.html       top页面                     该子窗口是top页面部分     2:bottom.ht...
  • pangqiandou
  • pangqiandou
  • 2017年03月20日 19:30
  • 497

如何使frameset框架的页面通过滚动条整体移动

新建一个html页面,并在其中
  • u014482758
  • u014482758
  • 2014年11月04日 17:21
  • 1405

frameset与frame页面布局

浏览器窗口布局,也是web项目必备的知识。         要想让页面整齐有序,就需要给窗口分区域,就像本子上写字一样,遵循一定的规则,比如:上留天下留底,左右留边距,这样看起来会更美观。web页面布...
  • u013028876
  • u013028876
  • 2016年12月09日 23:30
  • 2247

Frameset框架优缺点

Frameset框架优缺点
  • qq_35718410
  • qq_35718410
  • 2016年11月17日 10:53
  • 1819

frameset跳出框架-自动跳转

frameset跳出框架-自动跳转
  • bestcxx
  • bestcxx
  • 2016年04月05日 19:42
  • 632

用FRAMESET设计网页分割窗口式布局

  用FRAMESET设计网页分割窗口式布局 梁伟敏  随着INTERNET网络应用的日益普及,一般的使用者...
  • shixinbao
  • shixinbao
  • 2007年05月15日 11:20
  • 2169

关于使用frameset框架怎么样使整个框架移动的问题

之前也是遇到这个问题,解决一个把简单的解决办法说一下,我之前的框架是这样的: 机械研究院 ...
  • qq_28483283
  • qq_28483283
  • 2016年03月23日 20:47
  • 839
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:frameset网页框架布局模式
举报原因:
原因补充:

(最多只允许输入30个字)