相对路径

相对/绝对路径

顾名思义，相对路径是相对于当前文件的路径。一般是较简短的，那么我们为什么不直接使用绝对路径，也就是文件存放的真实路径，例如：C:\Microsoft\test.txt。

为什么要用相对路径？

• 当我们把整个程序移动位置时，其中的链接还是会指向正确的URL
• 测试方法比较灵活，本机测试时比较方便

那么绝对路径也有相对的优势：

• 如果其中的部分网页改变位置，其中的链接还会指向正确的URL
• 如果有人抄袭你的网站，里面的URL地址还是你的路径

相对路径的使用

• /

  根目录

• ./

  代表当前目录，连写：././无意义

• ../

  代表父级目录，连写：向上追溯两级目录

• 只写文件名

  效果等同于./

举个栗子

栗子一

这中情况下应该使用以下引用方式，因为img是js文件夹下的js文件的父级，需要使用父级目录。

栗子二

这种情况下，文件与img文件夹是同级，所以html文件访问img下的图片使用./即可。

"/"与"\"

• 浏览器地址栏网址使用斜杠/

• windows文件浏览器使用反斜杠\

• 出现在html中的url是网络路径，必须用斜杠/