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>

改变后如下图:

猜你喜欢

转载自www.cnblogs.com/Strugglinggirl/p/12925831.html