J2EE项目中,servlet跳转到相应的JSP页面后,JSP页面丢失了样式效果
原因:
js和css的引用路径是相对路径。跳转后路径改变。
解决方法:
先在head标签中加入一下代码
<% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; %> <base href="<%=basePath%>">
再改变js和css的引用路径
<script src="<%=basePath%>/js/jquery/2.0.0/jquery.min.js"></script> <link href="<%=basePath%>/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet"/> <script src="<%=basePath%>/js/bootstrap/3.3.6/bootstrap.min.js"></script>
改变后如下图: