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

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

JS/JQuery在线预览excel文档插件（JQuery免下载预览） JQuery判断图片是否有alt属性，没有则自动添加 JS判断苹果iPhone与iPad、安卓设备类型适配本地储存window.localStorage使用方法 css设置单行滑动显示效果的两种方案 CSS实现横向滚动 js手机端浏览pc端页面自动跳转手机站的方法 JS判断页面是否是第一页并决定是否显示指定内容怎样给网站/博客添加年味十足的灯笼特效？ Animate.css 怎样用css3让多行文字垂直居中于父元素？ jQuery监听数字输入并每隔4个数加一个空格 CSS3动画产品上下循环轻微跳动帝国CMS内容页怎样用js实现点击改变字号大小？ JS判断访问域名并跳转 jQuery获取file控件中图片的宽高与大小帝国cms怎样将过期下架产品设为灰色 swiper在鼠标移入后停止轮播，移出后继续轮播 jQuery牛逼，体验jQuery的快感使用Chrome控制台快速查找调试JavaScript运行代码

导出教程下载word版教程

关于JS/JQuery

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

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