第一部分:相对路径
◆◆以下是文件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上一级目录的上一级目录下
第二部分:绝对路径
◆◆
假设
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
◆◆
绝对路径使用“/”字符
浏览器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" %>
分享到:
相关推荐
WPF 中 Image 控件 Source 属性的相对路径和绝对路径问题总结 在 WPF 中,Image 控件的 Source 属性可以指定为相对路径或绝对路径,但这两种路径有不同的使用场景和注意事项。本文将总结 WPF 中 Image 控件 Source ...
Servlet 中的相对路径和绝对路径归纳 在 Servlet 编程中,路径是非常重要的一个概念。路径可以分为相对路径和绝对路径两种,在不同的场景下,选择合适的路径类型非常重要。本文将对 Servlet 中的相对路径和绝对路径...
路径可以分为两种主要类型:绝对路径和相对路径。了解这两种路径的区别及其适用场景对于软件开发、网页设计以及其他涉及文件管理的工作来说至关重要。 #### 绝对路径 绝对路径是从根目录出发到目标文件或目录的...
### 相对路径和绝对路径的概念 在计算机科学和网络技术中,文件路径是指向文件或目录的一种方式,用于指示文件或目录在网络或系统中的具体位置。根据参考基础的不同,可以将路径分为两种类型:相对路径和绝对路径。...
在HTML文档中,链接到其他资源(如图片、音频、视频或另一个HTML页面)时,通常会使用两种类型的路径:相对路径和绝对路径。正确地理解和应用这两种路径类型对于构建高效、可维护的网站至关重要。 #### 二、相对...
本文将围绕“获取项目的相对路径和绝对路径”这一主题进行深入探讨,帮助读者理解不同场景下如何正确地获取路径。 ### 一、引言 在Java Web应用中,路径主要分为两种:相对路径与绝对路径。相对路径是指相对于当前...
选择使用绝对路径还是相对路径,主要取决于具体的应用场景和需求。对于重视内容安全性和稳定性的项目,绝对路径可能是更好的选择;而对于追求灵活性和易于管理的项目,相对路径则更为合适。在实际操作中,开发者可以...
相对路径和绝对路径的使用.txt
如何将相对路径转化为绝对路径 在C#编程中,将相对路径转化为绝对路径是一个常见的问题。这篇文章将介绍如何使用C#将相对路径转化为绝对路径。 什么是相对路径和绝对路径? 在计算机科学中,路径是指文件或目录在...
JSP、Servlet中的相对路径和绝对路径(包括路径问题),解决繁琐的路径问题。
### 绝对路径和相对路径详解 #### 一、基本概念理解 在计算机科学领域,路径是用来标识文件或目录在文件系统中的位置的一种方法。路径可以分为两种类型:绝对路径和相对路径。 - **绝对路径**:指的是从根目录...
- `src`属性:这是必需的,用于指定图像文件的路径,可以是绝对路径或相对路径。 - `alt`属性:提供图像的替代文本,当图像无法显示(如网络问题或用户禁用了图像)时,这个文本会显示出来,同时对搜索引擎优化(SEO...
"Java 中相对路径与绝对路径的问题" Java 中的路径问题一直是困扰许多编程人员的问题之一。在 Java 中,我们需要了解相对路径和绝对路径的概念,以及如何获取它们。下面我们将详细地讨论 Java 中的相对路径和绝对...
### Java相对路径与绝对路径详解 #### 一、基本概念理解 **绝对路径**:绝对路径是指文件或目录在硬盘上的真实路径,包括URL和物理路径。例如,“C:\xyz\test.txt”代表了test.txt文件的真实物理路径;而...
Linux 基础 26-文件和目录命令-08-相对路径和绝对路径.flv
接着我们来讨论绝对路径和相对路径的写法: 绝对路径: 绝对路径是一种完全路径,它从根目录开始,直至目标文件或文件夹。在Windows系统中,根目录可能表示为C盘的根目录,如“C:\Tmp\Book”。在Web开发中,如果...
### Java中的绝对路径与相对路径 在Java编程中,路径管理是进行文件操作的重要组成部分,尤其是在Web应用开发中。本文将详细介绍如何在Java中获取不同类型的路径,包括Web服务器下的文件路径、本地路径以及相对路径...