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

0 505 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

animate.css在线调试，支持直接复制样式名 CSS3动画：鼠标上移后颜色从中间向两边填充淘宝电话手机号归属地API查询接口相对路径和绝对路径要如何选择？ JS判断页面是否是第一页并决定是否显示指定内容帝国cms怎样在发布文章后自动生成目录 jQuery/JS 360度旋转轮播插件下载帝国cms通过jQuery实现页面无刷新更新验证码方法 css实现单行滑动并隐藏滚动条怎样给文字添加渐变色？ web前端开发ReactJS，AngularJS, Vue.js有什么不同，哪个更好？ JS百度地图标注公司地址教程 JS判断IE浏览器版本 JQuery倍数索引选择器(n) js的fetch函数怎么用？ jQuery滚动触底ajax加载怎样防止加载多次？ JQuery的ajax完整案例代码收藏给网站加一个复制提示窗口JS代码 CSS3动画产品上下循环轻微跳动 css3绘制圆环百分比效果

导出教程下载word版教程

关于前端开发

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

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