js程式碼中的檔案的引用相對路徑簡單介紹

在使用js程式碼的時候，程式碼中難免引用其他資源，比如使用圖片，那麼就要使用正確的路徑指向這個圖片，下面就介紹一下引用資源的相對路徑問題，希望能夠給需要的朋友帶來幫助。

一.程式碼直接寫在當前頁面:

下面一個各個檔案相關路徑的拓撲圖:

如果程式碼直接寫在index.html檔案中，要在程式碼中引用small.jpg，那麼程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
function done(){ 
  document.write("<img src='images/small.jpg'/>"); 
}

上面的圖片路徑是相對於js程式碼所在文件的路徑。

二.引用外部js檔案:

引入外部檔案的時候，圖片路徑和上面的一樣，也是相對於當前檔案的，這一點是很好理解的，因為圖片等檔案還是要當前檔案中使用的，最終還是要生成html內容。

最後總結:

在js中使用圖片，那麼圖片的路徑是相對於js程式碼所在的文件。

關於相對路徑可以參閱相對路徑和絕對路徑用法詳解一章節。