网页中的相对路径概述

最新推荐文章于 2025-05-26 16:27:18 发布
原创 最新推荐文章于 2025-05-26 16:27:18 发布 · 988 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细介绍了在网页开发中，如何根据不同场景正确配置JS、HTML、图片及CSS等资源的相对路径，确保项目无论是否带有项目名前缀都能顺利部署。

在一个网站中，由于网站部署的方式不同，可能会有两种方式。一个是运行时含有项目名，一个是运行时不含项目名。所以相对路径用的不准确，就会影响项目部署时，两种方式的切换。

       1.js中引用js的路径：所引用的js的路径是采用相对于所在文件的路径；

       2.js中引用html或者图片的路径：所引用的html或者图片的路径，是采用相对于引用这个js的html的文件的路径；

       3.js中用Ajax引入html，用的是相对于引用此js的html文件的路径；js?

       4.html中引用js、html、图片等都是采用相对于此html的文件路径；

       5.css中引用的图片的路径，采用的是相对于此css文件的路径；

前端和后端的相对路径和绝对路径
gege_0606的博客
09-22 2056
相对路径是基于当前 HTML 文件的层次位置，决定路径中../的使用次数。绝对路径则更为稳定，直接从应用的根目录开始引用，使用。
爬取网站的相对路径：充实目录字典
soldi_er的博客
04-09 781
文章目录概述根域名页面的相对路径爬取requests库 VS urllib库参考 概述   网页超链接分成两种，一种是相对路径，一种是绝对路径。   相对路径，打算是收集目录结构来做目录爆破的。 绝对路径，打算是用来给扫描器用的。 根域名页面的相对路径爬取   针对根域名页面的超链接爬取和筛选，找出相对路径。 针对根域名页面的超链接爬取已经做完了，值得注意的是，没有设置请求头信息，只能爬取匿名可访问的网页。   经过返回的response对比，使用requests库代替urllib库的请求代码。 后续可以添
网页相对路径
娃娃鸭的专栏
03-04 698
<br />       客户端网页中用到的相对路径在WEB-INF下无效，又如../resources/image/logo.jpg<br />       在网页中显示是无效的。查了一下发现jsp中相对路径的用法有三种情况，具体我没仔细看，但我知道WebRoot下的是可以直接用的。我看了一下URI，突然想WEB-INF/pages/a.jsp是不是和WebRoot/index.jsp是在相同的等级下。也就是说a.jsp和index.jsp的相对路径是相同的用法。结果一试果然是这样。<br />     
Web 页中的JavaScript相对路径
hongweigg的专栏
10-12 4001
Web应用中的Web页面常使用相对路径来进行服务端的访问，然而，不同的浏览器对相对路径的解析存在差异。 应用场景： 假设有如下目录： |--upload     |--controller        |--upload.js     |--upload.jsp |--data     |--list.txt upload目录下有upload.jsp页面文件和一个con
网页中的相对路径和绝对路径
weixin_45921611的博客
09-15 2422
路径 在前端页面中，图片会非常的多，通常我们会新建一个文件夹来存放这些图像文件images，这时候在查找图像时就需要通过路径来描述图像文件的位置。 路径可以分成，相对路径和绝对路径 相对路径 概述：相对路径是只有这个文件所在位置为参考基础，而建立初的目录关系，常用的相对路径包括当前目录，上一级目录，下一级目录 当前目录 语法：一个点（.）后面跟一个斜杠表示当前目录也就是当前文件所在目录。 <img src="pic.png" alt=""> <img src="....
HTML相对路径
09-02 933
HTML中相对路径和绝对路径的区别： 相对路径：指的是相对与当前网页的路径。 绝对路径：使用图片在硬盘上的绝对位置来访问图片，通常是从根目录开始，向下一个目录一个目录的寻找；在开发网页的过程中，一般不会使用绝对路径 相对路径： “/” 表示根目录开始。 “../../” 表示上两级目录开始 “../” 表示上一级目录开始 “./” 表...
HTML教程：理解相对路径及其用法
"这篇教程主要介绍了HTML中的相对路径概念及其使用方法，并简要概述了HTML的基本结构和概念。" 在HTML中，相对路径是用于链接和引用其他文件时的重要概念。相对路径允许开发者根据当前文件的位置来指定目标文件的...
网页设计中的关键字设计的方法介绍
09-28
例如`<base href="https://www.jb51.net/" target="_blank">`，这意味着所有相对路径链接都将指向`https://www.jb51.net/`，而`target="_blank"`则表示链接会在新窗口中打开。 综上所述，网页头部属性的合理设置...
HTML语言基础：相对路径与元素详解
1. **HTML语言概述**：HTML全称为HyperText Markup Language，它是一种用于创建网页的标准标记语言。HTML通过使用一系列预定义的标记或标签来组织和展示文本、图像、链接和其他多媒体内容。HTML的目标是让浏览器理解...
韩顺平PHP入门到精通：动态网页技术与开发概述
尽管PHP有诸多优点，如支持面向对象编程、开源和灵活性，但也不乏一些挑战，例如安装和配置相对复杂，以及由于解释执行可能导致的调试难度。这些内容对于深入理解PHP的全貌以及如何克服潜在问题具有重要意义。 ...
html中输入绝对路径,html网页中相对路径和绝对路径的简介说明
weixin_39984098的博客
06-09 485
摘要:下文讲述html文档中相对路径和绝对路径的相关说明,如下所示:一.绝对路径：绝对路径指完整路径。例：完整的图片链接路径1. http://www.maomao365.com/test.gif完整的盘符路径2.d:\tmp\test\test.gif绝对路径相关说明：将绝对路径放入任何一个位置都可以访问出相关的信息二.相对路径：相对路径主要体现在“相对”两个字上，相对路径的信息主要相对当前文档...
WEB项目相对路径和绝对路径详解!全网最详细,最简单
热门推荐
佐月儿
10-24 1万+
一. 绝对路径 有3种绝对路径的写法: 第一种: 以盘符开始 , 比如 F:/aaa/bbb/c.jsp 第二种: url网址访问 , 比如 http:localhost:8080/虚拟项目路径/项目资源路径 第三种: 以/开头的路径 前两种都是不建议使用的,因为写死了的路径可移植性差, 开发中使用第三种, 因为第三种比较复杂,我分情况来说 1.客户端以绝对路径访问服务端的资源 ...
URL和相对路径、绝对路径
GY的博客
07-18 3860
URL URL（Uniform Resource Locator）： 统一资源定位符，也就是我们通常所说的网址。就好比一个城市里的街道门牌号码一样。它指定了如HTTP或FTP等Internet协议，是惟一能够识别Internet上具体的计算机、目录或文件位置的命名约定。 URL的格式由下列三部分组成： 第一部分是协议(或称为服务方式); 第二部分是存有该资源的主机IP地址(有时也包括端口号); 第三部分是主机资源的具体地址，如目录和文件名等。 第一部分和第二部分之间用“：//”符号隔开，第二部分和第三部分用
html 的相对路径和绝对路径
weixin_62332711的博客
02-18 5823
图片的话，就要先 ../ 退出 test 文件夹（回到上一级目录）；退出 test 文件夹后。同级的 test 文件夹，通过 / 找到 test 文件夹下一级目录的。①所以我的 src 图片路径为：test/小女孩.jpg。1.2.路径前面加 ./，代表当前（同级）目录。图片在 test 文件夹里面；②的意思和①的意思一样，./ 代表同级目录；图片同级了，然后就就可以直接找到同级的。在 test 文件夹内，如果我要找到。②./ 代表当前目录，所以也可以用。代表当前（同级）目录下的。图片是在同一个目录；
HTML 文件路径完全指南：相对路径、绝对路径解析与引用技巧
最新发布
waterlin2011的博客
05-26 3293
路径的本质是 “位置关系”，理解 “当前文件在哪里” 和 “目标文件在哪里”，就能写出正确的路径！
相对地址和绝对地址
桂林电子科技大学 -芳
03-21 1714
发起user/some.do的get请求
网页开发中的文件相对路径
老毕专栏
04-04 1万+
一般来说，如果需要引用当前网站外部的文档和素材，我们应该使用绝对路径；而在引用当前网站内部的文档和素材时，我们应该使用相对路径。由于相对路径中不包含网站地址等信息，从而使得网站更容易移植（例如，更换网站域名），因此，虽然也可以使用绝对路径链接同一网站内的文档，但应该尽量使用相对路径。 一般来说，在制作内部链接时，我们应该尽量使用文档相对路径，而不是根相对路径，这样做的原因是在本地预览网站时，浏览器
WEB路径基本原理
wangshou84的博客
07-11 584
例子：http://localhost:8080/xxx/test/index 一、作用 路径的作用是用于定位web资源。所以，整个请求路径是由资源路径加上资源名称组成。如下： 资源路径：http://localhost:8080/xxx/test 资源名称：index 二、分类 绝对路径：可以直接定位资源位置的路径，一般用URL来表示。 相对路径：不可以直接定位资源位置的路径，一般用URI来表示...
如何区分相对路径 与 绝对路径？
2301_76669854的博客
03-31 2954
在网页中有很多需要使用我们URL路径的场景，包括等等等等。它们都可以使用相对路径和绝对路径来引入文件，那么，我们如何区分相对路径与绝对路径呢？一、相对路径（1）概念：相对路径是指相对于当前工作目录的路径。它依赖于你当前所在的位置，而不是从文件系统的根目录开始。相对路径以当前目录（./）或父目录（../）作为起点，然后列出到达目标文件或目录所需的相对路径。相对路径在发送请求时，需与当前页面url路径进行计算后得到完整url，再发送请求。在我们的学习阶段用的较多。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值