jsp跳转servlet以后转发或重定向以后css和js样式消失。页面布局混乱

摘自：http://blog.csdn.net/zgrgfr/article/details/53067648

如有问题，请咨询原博主。

在页面中加入这几行代码，然后把相应的css和js的代码写成绝对路径的即可,

当在jsp中引入css时，如果其相对路径相对于当前jsp文件的，而在一个和这个jsp的路径不一样的servlet中forward这个jsp时，就会发现这个css样式根本没有起作用。

这是因为在servlet中转发时css的路径就是相对于这个servlet的相对路径而非jsp的路径了。

所以这时候不能在jsp中用这样的路径：

或者

类似href=”one.css”和../../one.css的html相对路径是相对于引用这个css的文件(a.jsp)的相对路径。

而在servlet中转发时就是相对于这个servlet的相对路径了、因为jsp路径和servlet路径是不一样的，所以这样的引用肯定是出错的。

所以这个时候，要用站点根目录，就是相对于http://192.168.0.1/的目录，以“/”开头。

因此上述错误应更正为href=”/test/one.css”类似的站点根目录的相对目录。

这样在servlet转发后和jsp中都是相对于站点根目录的相对路径，就能正确使用所定义的css样式了。

使用绝对路径的CSS

<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
reuqest.setAttribute("basePath",basePath） ;
%>

在链接CSS中写 使用${basePath}+url的方式进行写

<link rel="stylesheet" type="text/css" href="${basePath}assets/static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="${basePath}assets/static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="${basePath}assets/lib/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css" href="${basePath}assets/static/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="${basePath}assets/static/h-ui.admin/css/style.css" />

页面实际路径是: http：//localhost:8080/xxx/xxx/style.css

CSS使用根目录的路径

只需在CSS路径前加上 ${pageContext.request.contextPath}即可

例如：

<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/assets/static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/assets/static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/assets/lib/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/assets/static/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/assets/static/h-ui.admin/css/style.css" />

页面显示路径即 /xxx/xxx/css/style.css