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 这个东西。本...

div+css实现frameset网页布局

  • 2016年03月02日 11:20
  • 1.35MB
  • 下载

网页设计与布局(frame、frameset和iframe的区别

我今天在做一个项目时忽然想起了局部刷新的效果,开始想的是用AJAX的UpdatePanel来实现这种效果,但是UupdatePanel频繁刷新,会给服务器带来很大的负荷,大大降低了效率,达不到很好的效...

YII框架页面使用frameset布局(一)

1.下载模版 2.protected\views\index,

HTML网页制作:[12]使用框架结构之frameset

框架--网页设计中常用的技术,用来让一个浏览器同时显示多个超文本。下面,小编将用文字、图像以及具体的代码,教大家如何制作一个使用了frameset的网页。 好吧,虽然frameset已经不太流行...
  • judyge
  • judyge
  • 2016年06月29日 21:05
  • 418

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

参考 w3cschool 上面提到frameset 不要和body 同时使用 index.html代码

页面布局frameset frame

  • 2011年12月20日 10:41
  • 6KB
  • 下载

jsp网页布局利器框架stripes-1.5.6

  • 2016年07月25日 15:50
  • 6.63MB
  • 下载

网页设计实训项目八——框架布局

网页设计实训项目八——框架布局     一、实训目的 1、掌握框架网页的创建和编辑操作 2、掌握框架内的超链接 二、实训内容 1、利用PS制作所需要的图片素材  (1)广告条ad.jpg...

EZ-CSS框架网页布局

  • 2015年05月12日 17:06
  • 2KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:frameset网页框架布局模式
举报原因:
原因补充:

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