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