比较html中4种引用文件的方式

文件目录结构如下图

目录结构.png

dispatch-server.xml 配置静态资源路径：

<mvc:resources location="/static/" mapping="/aaa/**"></mvc:resources>

project context path :

Demo

那么，在启动本地tomcat后，

websocket.js静态资源文件位置是 http://localhost:8080/Demo/aaa/js/websocket.js

websocket.html 静态资源文件位置是 http://localhost:8080/Demo/aaa/websocket.html

此时，websocket.html中引用websocket.js 不同写法下引用的实际路径，见下表

引用方式	实际路径
<script src="./js/websocket.js"/>	http://localhost:8080/Demo/aaa/js/websocket.js
<script src="js/websocket.js"/>	http://localhost:8080/Demo/aaa/js/websocket.js
<script src="/js/websocket.js"/>	http://localhost:8080/websocket.js
<script src="../js/websocket.js"/>	http://localhost:8080/Demo/js/websocket.js