javascript 和css圖片路徑的不同

一個html頁面中，會引用到js指令碼和css檔案，在html展示的時候，引用這兩種檔案的機制是不同的。

對於js指令碼，html是把指令碼載入到頁面中一起解析，類似於jsp中的<@!include>。

對於CSS，它不會載入到html中，它只是一個連結，htmL根據連結去css中找需要的class

對於這一點分析引用這兩種檔案的格式就可以看出：

<!--CSS是link，連結-->

<link href="../../public/second/styles/tab.css" type="text/css" rel="stylesheet" />

<!--JS是載入，和直接在頁面中寫js格式是一樣的-->
<script type="text/javascript" src="../../public/scripts/jb/calendar.js"></script>

 

這種區別在js和css中有圖片的時候尤為重要，很多人的圖片顯示不出來就是這個地方搞錯了

js中如果有圖片要以引用它的html路徑為準，css中有圖片，路徑是以本檔案為準