相对路径与绝对路径

为加以区别，目录即文件夹，文件目录。

 

一. 文件与目录

文件不需要“/”结尾。例如：localhost:8080/test.js 表示网站根路径下有一个test.js文件。

目录需要以“/”结尾。例如：localhost:8080/test/ 表示网站根路径下一个test目录。

 

说明：为了养成良好习惯：以后要对文件与目录加以区别。结尾没有“/”表示文件，结尾存在“/”表示目录。

 

 

二. Web开发中的绝对路径与相对路径

路径以“/”开头，则表示绝对路径。“/”表示网站跟路径。

如在tomcat开发，则“/test.js”则表示：localhost:8080/test.js 。

 

路径不以“/”开头，则表示相对路径。相对路径都是以当前文件所在目录的路径为基准。

“ ../ ”表示该路径所在文件的上一级文件夹。

“ ../../ ”表示该路径所在文件的上一级文件夹的上一级文件。

例如：localhost:8080/WEB/AA/BB/c1.html 文件，

该文件所在目录的路径为：localhost:8080/WEB/AA/BB/ 

其上一级目录为：localhost:8080/WEB/AA/

再上一级目录为：localhost:8080/WEB/ 

 

（1）在该文件中存在url为：“c2.png" 。则url表示文件路径为： localhost:8080/WEB/AA/BB/c2.png 。

（2）在该文件中存在url为：“c3/”。则url表示目录路径为：localhost:8080/WEB/AA/BB/c3/

（3）在该文件中存在url为：“../c4.png”。则url表示目录路径为：localhost:8080/WEB/AA/c4.png

（4）在该文件中存在url为：“../../c5.png”。则url表示目录路径为：localhost:8080/WEB/c5.png