javascript和css文件中采用相對(duì)路徑，其基準(zhǔn)路徑是完全不同的。

1.javascript引用資源(比如圖片)相對(duì)路徑是以宿主路徑(被引用的網(wǎng)頁比如你在首頁index.php引用了某js文件，則index.php即為宿主)所處位置為基準(zhǔn)。

2.css引用資源(比如圖片)相對(duì)路徑是以.css文件所處位置為基準(zhǔn)!

大家在html中通常會(huì)導(dǎo)入一些外部的css、js文件，而其中一個(gè)比較容易被忽視的問題就是路徑問題，有時(shí)候，我們?cè)赾ss、js中都有通過路徑來引入一張圖片的需求，當(dāng)我們采用相對(duì)路徑的時(shí)候，在css和js中引用圖片的相對(duì)路徑的基準(zhǔn)是不一樣的。在css中出現(xiàn)的相對(duì)路徑，是以css文件所在路徑為基準(zhǔn)的，而js中的路徑則是以導(dǎo)入此js的網(wǎng)頁文件所在的位置為基準(zhǔn)的。

舉個(gè)例子來說明這個(gè)問題。

假如我們有如下文件目錄樹：（\是文件夾）
–\site
——\images
———index_02.jpg
——test.htm

–\css
——\css
———-test.css

–\js
——\js
———-test.js

引用代碼如下:

test.css


test.htm


從例子，我們注意到css引用的是css目錄與index_02.jpg的關(guān)系，js引用的是test.htm目錄與與index_02.jpg的關(guān)系。但一般時(shí)候我們的css和js文件多在不同的網(wǎng)頁上引用，他們有不同的宿主環(huán)境，所以使用被調(diào)用的路徑做基準(zhǔn)路徑是安全的，但使用調(diào)用者的路徑作為基準(zhǔn)路徑會(huì)造成路徑錯(cuò)誤，無法加載。通常情況下，js不僅僅是一個(gè)html在于，特別對(duì)于動(dòng)態(tài)網(wǎng)頁而言，js中的路徑引用應(yīng)該采用絕對(duì)路徑，可以通過定義一個(gè)全局變量如path來活動(dòng)項(xiàng)目的真實(shí)路徑（像jsp中就可以用request.getSession().getServletContext().getRealPath(“/”)），然后在每個(gè)路徑上加上path（path+你的路徑）從而取出路徑錯(cuò)誤的問題。

最新評(píng)論