css和js引用圖片路徑

• 在JS文件中書寫相對路徑：JS文件是指在頁面中引用的外部JavaScript文件，其中可能采用JavaScript代碼生成html代碼，由於生成的html代碼是嵌入在引用該JS文件的頁面中，因此，在描述相對路徑時，應該使用被引用的文檔或素材相對於引用JS文件的頁面之間的相對路徑。例如，文檔“/home/www/a/index.htm”中引用了JS文件“/home/www/a/js/hello.js”，而在該js中生成一段引用素材“/home/www/a/images/1.jpg”的html代碼，則在這段代碼中，其相對路徑應該是“./images/1.jpg”或“images/1.jpg”，而不能是“../images/1.jpg”。
• 在CSS文件中書寫相對路徑：CSS文件是指在頁面中引用的外部樣式定義文件，該文件通常用於定義頁面中各種html標記的顯示效果（例如文本的字體名稱、字體大小、縮進、邊距等），CSS文件中同樣可以引用外部的素材或文檔（例如設置某個DIV對象的背景圖片）。和JS文件不同，瀏覽器認為CSS文件也是一個獨立的文檔，因此，在CSS中對素材的引用可以通過計算素材文件和該CSS文件之間的相對路徑來實現，而與引用該CSS文件的頁面所在的位置無關。例如，文檔“/home/www/a/index.htm”中引用了CSS文件“/home/www/a/css/main.css”，而在該CSS中引用了素材“/home/www/a/images/1.jpg”，則在CSS中對於該素材引用的相對路徑應該是“../images/1.jpg”，而不能是“./images/1.jpg”或“images/1.jpg”。
• 因為js是根據引用的頁面去定位圖片路徑的所以最好定義一個全局的jsp引用，這樣可以設置相對路徑也可以直接在全局jsp定義全局變量path在js里引用