编写3个JSP页面index.jsp、main.jsp和head.jsp，在index.jsp和main.jsp页面中分别使用include指令静态嵌入head.jsp（导航栏）。导航栏head.js

最新推荐文章于 2021-11-18 23:22:00 发布

向上Claire

最新推荐文章于 2021-11-18 23:22:00 发布

阅读量5.3k

点赞数 7

分类专栏： JSP

本文链接：https://blog.csdn.net/weixin_44522477/article/details/106493700

版权

JSP 专栏收录该内容

27 篇文章 6 订阅

订阅专栏

编写3个JSP页面index.jsp、main.jsp和head.jsp，在index.jsp和main.jsp页面中分别使用include指令静态嵌入head.jsp（导航栏）。导航栏head.jsp的运行效果如图所示。

在这里插入图片描述

(1)	head.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<div>
		<ul>
			<li style="float: left;width:50px"><a>首页</a></li>
			<li style="float: left;width:50px"><a>体育</a></li>
			<li style="float: left;width:50px"><a>热点</a></li>
			<li style="float: left;width:50px"><a>股市</a></li>
			<li style="float: left;width:50px"><a>经济</a></li>
		</ul>
	</div>
</body>
</html>

(2)	index.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<%@include file="head.jsp" %><br>
	<p align="left">网页首页面</p>
</body>
</html>


(3)	main.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<%@include file="head.jsp" %><br>
	<p align="left">网页主页面</p>
</body>
</html>