JavaScript和JavaWeb项目中路径中./和../和/

1.Javascript中总括

在JavaScript中,经常用到./和../及/路径访问指定的资源,但三者的区别如下:

  • ./表示当前目录
  • ../表示父级目录
  • /表示根目录

1.1 ./表示当前目录

一般我们都使用./去取得同级目录下的文件
./xxx.html

1.2 ../表示父级目录

我们一般从html文件夹下的html文件引用其他文件夹下的资源都是使用../
../css/xxx.css
../js/xxx.js

1.3 /表示根目录

一般在根目录下取得的部分资源就使用/即可

2.JavaWeb项目中总结

这里的默认当前目录就是webapp,而根目录则是 http://localhost:8080/

这里我们所有的资源均放在webapp下

2.1 不使用.和/

<script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
这个就表示在webapp目录下进行寻找

2.2 使用/(根目录)

<script type="text/javascript" src="/js/jquery-1.12.4.min.js"></script>
这里找的路径变为了 http://localhost:8080/js/jQuery-ajax.js

2.3 使用./(当前目录)

同2.1, 找的是webapp下的文件

2.4 使用../(上级目录)

回到了
http://localhost:8080/js/jQuery-ajax.js

posted @ 2024-03-18 16:26  DawnTraveler  阅读(114)  评论(0编辑  收藏  举报