比较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

推荐阅读更多精彩内容