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

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

jQuery获取file控件中图片的宽高与大小 JS查看浏览器中的*号密码内容 JS获取URL参数及编解码 js中定义变量加var和不加var的区别怎样用Javascript做彩色的随机样式标签云？ vue引入css文件的方法 CSS3 与 Canvas的区别 jQuery/JS 360度旋转轮播插件下载 swiper.js jQuery发送验证码倒计时 JS/JQuery商品图片放大镜插件源码 w3school jQuery2021牛年新年放鞭炮动画代码，可点火爆炸 JS开发本站已运行时间脚本 $(window).height() 和 $(document).height()有什么不同？ jQuery的load()方法怎么用，报错/无效怎么办？ JS点击复制data-*属性（支持多个元素）帝国CMS内容页怎样用js实现点击改变字号大小？怎样给网站/博客添加年味十足的灯笼特效？ css设置单行滑动显示效果的两种方案

导出教程下载word版教程

关于JS/JQuery

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

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