相对路径和绝对路径,在html中的运用

html-css010

相对路径和绝对路径,在html中的运用,第1张

以当前的目录为出发点、访问其它目录时所用到的路径就是相对路径(相对于当前目录)

..\abc\123.txt

表示

当前目录的上一级目录的子目录abc下的文件123.txt

以根目录为出发点、访问其它目录时所用到的路径就是绝对路径

\abc\123.txt

表示

根目录下的子目录abc下的文件123.txt

直接那例子来说明吧。

比如:D盘根目录下有名为web的文件夹,web文件夹下有01.html和01.js。

1.绝对路径:D:\web\01.js就是01.js的绝对路径,比如01.html文件要调用01.js,直接用<script src="D:\web\01.js"></script>

2.相对路径:由于01.html和01.js在同一目录下。01.html文件要调用01.js,可以用<script src="01.js"></script>。其中的01.js就是相对路径,也可以用<script src="./01.js"></script>。其中(注意有点)./01.js也是相对路径,是相对01.html的路径,.(点)表示本目录,也就是本目录下的01.js。

最后:绝对路径一般不移动文件位置,移动文件位置后不能访问到。而相对路径比如web文件夹及其内容可以放在任何位置,都可以用相对位置调用js。

绝对路径是相对电脑硬盘来说的,比如C盘,而相对路劲是相对于你当前打开的文件来说的。如果觉得可以请点亮采纳,我今天还差一个采纳,有什么问题尽管问,我可是web开发全栈工程师,精通前后台,特别是java和PHP。

还补充一点,如果你安装了服务器并在服务器上运行,那么绝对路径就是服务器根目录。