有个html文件:a.html,其中有<link href="one.css" rel="stylesheet" type="text/css">,其中href属性表示引用的css文件的路径。
one.css:表示one.css和a.hmtl处于同一个目录 (没加/相对当前地址)
user/one.css:表示one.css处于a.html所在目录的子目录user中,即user是a.html在同一个目录 。
../one.css:表示one.css位于a.hmtl上一级目录下,
../../one.css:表示one.css位于a.hmtl上一级目录的上一级目录下,
./:表示和a.hmtl同一目录
我们称上述相对路径为html相对路径
服务器端的相对地址指的是相对于你的web应用的地址, 这个地址是在服务器端解析的 (不同于 html和JavaScript中的相对地址,他们是 由客户端浏览器解析的 )也就是说这时候在jsp和servlet中的相对地址应该是相对于你的web应用,即相对于http://192.168.0.1/test/的。
其用到的地方有:
forward:servlet中的request.getRequestDispatcher(address);这个address是在服务器端解析的,所以,你要forwarder到user/a.jsp应该这么写:request.getRequestDispatcher(" /user/a.jsp ")这个/相对于当前的web应用test,其绝对地址就是: http://192.168.0.1/test/user/a.jsp。
redirect:在jsp中<%response.sendRedirect("/request.getContextPath/a.jsp");%>
2、 客户端的地址
所有的html中的相对地址都是 相对于http://192.168.0.1/ 的,而不是http://192.168.0.1/test/的 。
Html中的form表单的action属性的地址应该是相对于http://192.168.0.1/的,所以,如果提交到user/a.jsp为:(加了/相对根目录) action="/test/ user/a.jsp" ;提交到servlet为action="/test/handleservlet"
Javascript也是在客户端解析的,所以其相对路径和form表单一样。
3、 站点根目录和css路径问题 (jsp是服务器端程序,地址是变化的,引用时一般用站点根目录的相对路径)
我们称类似这样的相对路径 /test/…. 为相对于 站点根目录 的相对路径 。
当在jsp中引入css时,如果其相对路径相对于当前jsp文件的,而在一个和这个jsp的路径不一样的servlet中forward这个jsp时,就会发现这个css样式根本没有起作用。这是因为在servlet中转发时css的路径就是相对于这个servlet的相对路径而非jsp的路径了。所以这时候不能在jsp中用这样的路径:<link href="one.css" rel="stylesheet" type="text/css">或者<link href="../../one.css" rel="stylesheet" type="text/css"> 类似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样式了。
4 "/"给浏览器则是相对于webapp 这个目录下 ,服务器的/相对于这个项目下