相对路径和绝对路径
程序员文章站
2022-05-10 09:11:42
...
[size=large]第一部分:相对路径[/size]
◆◆以下是文件a.html中引用css的方式
[size=large]第二部分:绝对路径[/size]
◆◆[color=red]假设[/color]
Http地址为http://192.168.0.1/
web应用为webapp
那么web应用URL为http://192.168.0.1/webapp/
web应用的目录结构:
◆◆[color=red]绝对路径使用“/”字符[/color]
浏览器IE和服务器Servlet解释绝对路径的“/”字符方式不同:
◇[b]浏览器:http://192.168.0.1/[/b]
◇[b]服务器:http://192.168.0.1/webapp[/b]
◆◆[color=red]以下路径由浏览器IE解释[/color]
◇[b]form表单的action属性[/b]
错误:action="/pages/a.jsp"
正确:action="/webapp/pages/a.jsp"
◇[b]css文件的引用[/b]
错误:<link href="/styles/c.css" rel="stylesheet" type="text/css"/>
正确:<link href="/webapp/styles/c.css" rel="stylesheet" type="text/css"/>
pages/a.jsp文件中的css文件引用
错误:<link href="a.css" rel="stylesheet" type="text/css"/>
错误:<link href="./a.css" rel="stylesheet" type="text/css"/>
正确:<link href="/webapp/pages/a.css" rel="stylesheet" type="text/css"/>
◇[b]js文件的引用[/b]
错误:<script type="text/javascript" src="/scripts/e.js">
正确:<script type="text/javascript" src="/webapp/scripts/e.js">
pages/a.jsp文件中的js文件引用
错误:<script type="text/javascript" src="a.js">
错误:<script type="text/javascript" src="./a.js">
正确:<script type="text/javascript" src="/webapp/pages/a.js">
◇[b]Servlet中的代码[/b]
错误:response.sendRedirect("/pages/a.jsp");
正确:response.sendRedirect("/webapp/pages/a.jsp");
◆◆[color=red]以下路径由服务器Servlet解释[/color]
◇[b]Servlet中的代码[/b]
错误:request.getRequestDispatcher(“/webapp/pages/a.jsp”)
正确:request.getRequestDispatcher(“/pages/a.jsp”)
◇[b]JSP中的Elements[/b]
错误:<%@ include file="/webapp/pages/a.jsp" %>
正确:<%@ include file="/pages/a.jsp" %>
◆◆以下是文件a.html中引用css的方式
<link href="a.css" rel="stylesheet" type="text/css">
<link href="./a.css" rel="stylesheet" type="text/css">
<link href="styles/a.css" rel="stylesheet" type="text/css">
<link href="../a.css" rel="stylesheet" type="text/css">
<link href="../../a.css" rel="stylesheet" type="text/css">
a.css: 表示a.css和a.html处于同一个目录
./a.css: 表示a.css和a.html处于同一个目录
styles/a.css: 表示a.css位于a.html所在目录的子目录styles中
../a.css: 表示a.css位于a.html上一级目录下
../../a.css: 表示a.css位于a.html上一级目录的上一级目录下
[size=large]第二部分:绝对路径[/size]
◆◆[color=red]假设[/color]
Http地址为http://192.168.0.1/
web应用为webapp
那么web应用URL为http://192.168.0.1/webapp/
web应用的目录结构:
webapp
├─WEB-INF
│ ├─classes
│ ├─lib
│ └─web.xml
│
├─pages
│ ├─a.jsp
│ ├─a.css
│ ├─a.js
│ └─b.jsp
│
├─images
├─styles
│ ├─c.css
│ └─d.css
└─scripts
├─e.js
└─f.js
◆◆[color=red]绝对路径使用“/”字符[/color]
浏览器IE和服务器Servlet解释绝对路径的“/”字符方式不同:
◇[b]浏览器:http://192.168.0.1/[/b]
◇[b]服务器:http://192.168.0.1/webapp[/b]
◆◆[color=red]以下路径由浏览器IE解释[/color]
◇[b]form表单的action属性[/b]
错误:action="/pages/a.jsp"
正确:action="/webapp/pages/a.jsp"
◇[b]css文件的引用[/b]
错误:<link href="/styles/c.css" rel="stylesheet" type="text/css"/>
正确:<link href="/webapp/styles/c.css" rel="stylesheet" type="text/css"/>
pages/a.jsp文件中的css文件引用
错误:<link href="a.css" rel="stylesheet" type="text/css"/>
错误:<link href="./a.css" rel="stylesheet" type="text/css"/>
正确:<link href="/webapp/pages/a.css" rel="stylesheet" type="text/css"/>
◇[b]js文件的引用[/b]
错误:<script type="text/javascript" src="/scripts/e.js">
正确:<script type="text/javascript" src="/webapp/scripts/e.js">
pages/a.jsp文件中的js文件引用
错误:<script type="text/javascript" src="a.js">
错误:<script type="text/javascript" src="./a.js">
正确:<script type="text/javascript" src="/webapp/pages/a.js">
◇[b]Servlet中的代码[/b]
错误:response.sendRedirect("/pages/a.jsp");
正确:response.sendRedirect("/webapp/pages/a.jsp");
◆◆[color=red]以下路径由服务器Servlet解释[/color]
◇[b]Servlet中的代码[/b]
错误:request.getRequestDispatcher(“/webapp/pages/a.jsp”)
正确:request.getRequestDispatcher(“/pages/a.jsp”)
◇[b]JSP中的Elements[/b]
错误:<%@ include file="/webapp/pages/a.jsp" %>
正确:<%@ include file="/pages/a.jsp" %>
上一篇: 绝对路径和相对路径