相对路径和绝对路径要如何选择？

0 403 2021-05-11 02:00:01

本文目录

1. 相对路径
2. 绝对路径
3. 相对路径与绝对路径的优缺点

路径指文件存放的位置，在网页中利用路径可以引用文件，插入图像、视频等。表示路径的方法有两种：相对路径，绝对路径。我们何时用相对路径，何时用绝对路径呢？

相对路径和绝对路径要如何选择？

相对路径

相对路径是指目标相对于当前文件的路径，网页结构设计中多采用这种方法来表示目标的路径。相对路径有多种表示方法，其表示的意义不尽相同。表示方法如下：

./ ：代表文件所在的目录（可以省略不写）

../ ：代表文件所在的父级目录

../../ ：代表文件所在的父级目录的父级目录

/ ：代表文件所在的根目录

值得注意的是，（/ ：代表文件所在的根目录）其实可以理解成项目内部的绝对路径。

我们在引入css文件时，可以有以下写法：

1、<link href="./css/style.css"/> (./可以省略)
2、<link href="/html/css/style.css"/>
3、<link href="../html/css/style.css"/>

绝对路径

绝对路径是指一个绝对成立的路径，假设图一中项目的网站域名为www.xzo.com.cn，那么style.css的绝对路径应该是

https://www.xzo.com.cn/html/css/css/style.css。

相对路径与绝对路径的优缺点

简单的说，相对路径，可以在整个项目移动时正确引用；而绝对路径，可以在单个文件移动时依然保证正确引用。

以上就是相对路径和绝对路径的介绍与分析，相信现在你对于该使用相对路径还是绝对路径已经有了自己的看法。

本文地址：https://xzo.com.cn/develop/js/935.html

有帮助，很赞！

信息来源：下载鸥

业务合作

如果您认可我们的分享，有意与我们合作开展帝国cms网站建设与开发业务或插件定制，请联系右侧在线客服。我们能给您的，就是高质量的模板与售后。

版权声明

标注了信息来源为下载鸥的文章皆为原创，如果是转载的优质文章，我们也都标注了出处。如果您喜欢我们的文章，请按照下载鸥所标注的文章出处进行标注，谢谢您的配合。

信息标签

html

CSS

jQuery

vue引入css文件的方法帝国cms页面载入提交ajax异步加载数据（基于jQuery） jQuery牛逼，体验jQuery的快感 js判断windows操作系统还是mac os系统 JS判断当前页是否是微信浏览器打开代码与引导页 rel=noopener noreferrer有什么用？ jQuery将网页内容导出word文档插件下载 jQuery点击按钮触发表单提交 JS判断input file图片宽度完美兼容版 jQuery给动态加载的数据添加点击事件.on jQuery点击弹出视频播放效果 js关闭小窗口opener并刷新父页面 JS获取指定URL参数为什么jQuery的click事件会触发两次？ jQuery滚动触底ajax加载怎样防止加载多次？通过原生的JS实现点击复制效果 js怎样判断现在是早上中午还是晚上响应式网站pc新开窗口，手机端怎样用jquery在当前页面跳转 swiper在鼠标移入后停止轮播，移出后继续轮播 html模板

导出教程下载word版教程

关于JS/JQuery

JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。

JavaScript十分强大，不管是前端页面开发、视觉动态渲染、数据交互还是后端逻辑处理，都可以通过JS实现。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中。