1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > 前端:相对路径与绝对路径解析

前端:相对路径与绝对路径解析

时间:2022-01-26 04:54:57

相关推荐

前端:相对路径与绝对路径解析

在此之前,先建立一个场景:

在D盘的有一个A文件夹,A文件夹里面有一个html文件(B.html)和一个C文件夹,C文件夹里面又又一个html文件(D.html)

相对路径:相对于当前文件所在目录的路径

./ 表示当前文件所在目录 如:在B.html 文件中:<a href = "./C/D.html"></a> 这样就可以访问到C文件夹里面的文件

../表示当前文件所在目录的上级目录 如:在D.html 文件中:<a href="../B.html"></a> 这样就可以访问到上级目录(即A文件夹)里面的文件

其实使用相对路径是可以无限套娃的,具体怎么套?自己想想看,嘿嘿

绝对路径:绝对路径:在本机中,相对于当前主机,在项目中,可以是当前项目 (具体看使用场景)

在本机中,如:D:/A/B.html 以及 D:/A/C/D.html 就是绝对路径

在项目(网页)中:/ 就代表当前项目的根目录,这里注意,当你使用vs code 这个软件写html代码时,无论你这个html文件创建在哪里,只要不是以一整个文件夹放到vs code里面,那么这个 / 就会指向vs code安装的位置的根目录(假设vs code安装在D盘,那么 / 就会指向D盘)

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。