第一部分:相对路径
◆◆以下是文件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上一级目录的上一级目录下
- 这里所说的上一级并不一定指的项目中文件夹的上一级,而指的的URL地址中的上一级,比如说/Blog/photo/match/user.do 和 WebRoot/js/match/jquery.js是属于../../js/match/jquery.js的关系,因为两个“../”后地址实际就变成了/blog/js/match/jquery.js了。
<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上一级目录的上一级目录下
第二部分:绝对路径
◆◆假设
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
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
◆◆绝对路径使用“/”字符
浏览器IE和服务器Servlet解释绝对路径的“/”字符方式不同:
◇浏览器:http://192.168.0.1/
◇服务器:http://192.168.0.1/webapp
◆◆以下路径由浏览器IE解释
◇form表单的action属性
错误:action="/pages/a.jsp"
正确:action="/webapp/pages/a.jsp"
◇css文件的引用
错误:<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"/>
◇js文件的引用
错误:<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">
◇Servlet中的代码
错误:response.sendRedirect("/pages/a.jsp");
正确:response.sendRedirect("/webapp/pages/a.jsp");
◆◆以下路径由服务器Servlet解释
◇Servlet中的代码
错误:request.getRequestDispatcher(“/webapp/pages/a.jsp”)
正确:request.getRequestDispatcher(“/pages/a.jsp”)
◇JSP中的Elements
错误:<%@ include file="/webapp/pages/a.jsp" %>
正确:<%@ include file="/pages/a.jsp" %>
分享到:
相关推荐
"Java 中相对路径与绝对路径的问题" Java 中的路径问题一直是困扰许多编程人员的问题之一。在 Java 中,我们需要了解相对路径和绝对路径的概念,以及如何获取它们。下面我们将详细地讨论 Java 中的相对路径和绝对...
java中相对路径与绝对路径问题
Asp.net相对路径与绝对路径
java web中File的相对路径与绝对路径总结,用于在运行时获取配置文件、动态加载对象等
路径分为绝对路径和相对路径两种类型,它们各有不同的用途和特点。 绝对路径是指从根目录开始的完整路径,它明确指定了文件或目录的确切位置。例如,`file:/D:/java/eclipse32/workspace/jbpmtest3/bin/aaa.b` 是一...
2. **长度与可移植性**:绝对路径通常较长,因为包含了所有层级信息,而在不同的系统或环境中,相对路径可能更短且更具可移植性。 3. **清晰度**:绝对路径提供了明确无误的文件或目录定位,而相对路径可能会因当前...
- **Get Fully Qualified Path 函数**:用于将相对路径转换为绝对路径,确保程序在任何环境下都能正确找到文件。 - **Change Directory 函数**:可以改变当前工作目录,这对于处理相对路径的文件至关重要。 - **...
对于相对路径,需要注意图片的“生成操作”属性必须是 Resource,这与在 Xaml 中一样。在需要固定的一些项目中的图片切换时,我们可以通过这种方式完成。 绝对路径的使用 对于绝对路径,没有图片文件包含在项目中...
相对路径和绝对路径的概念
如何将相对路径转化为绝对路径 在C#编程中,将相对路径转化为绝对路径是一个常见的问题。这篇文章将介绍如何使用C#将相对路径转化为绝对路径。 什么是相对路径和绝对路径? 在计算机科学中,路径是指文件或目录在...
Servlet 中的相对路径和绝对路径归纳 在 Servlet 编程中,路径是非常重要的一个概念。路径可以分为相对路径和绝对路径两种,在不同的场景下,选择合适的路径类型非常重要。本文将对 Servlet 中的相对路径和绝对路径...
帮你彻底弄清相对路径和绝对路径。。。。相对路径和绝对路径的区别与使用
很多初学者感到困惑,下面我就详细的介绍一下相对路径与绝对路径。 HTML相对路径指由这个文件所在的路径引起的跟其它文件(或文件夹)的路径关系。例如:文件1.htm的绝对路径是:d:/www/html/1.htm文件2.htm的绝对路径...
详细介绍绝对路径与相对路径 详细介绍绝对路径与相对路径 详细介绍绝对路径与相对路径
相对路径和绝对路径的优缺点,这一点很基础!
绝对路径与相对路径.DOC文件.....
- `src`属性:这是必需的,用于指定图像文件的路径,可以是绝对路径或相对路径。 - `alt`属性:提供图像的替代文本,当图像无法显示(如网络问题或用户禁用了图像)时,这个文本会显示出来,同时对搜索引擎优化(SEO...
php绝对路径与相对路径之间关系的的深入研究,值得一看
java Web 中相对路径绝对路径问题总结
绝对路径和相对路径