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>

改变后如下图:

 

posted @ 2020-05-20 20:16  Strugglinggirl  阅读(401)  评论(0编辑  收藏  举报