最佳做法，如何為CSS，JavaScript和圖片文件指定相對路徑？

Question

我對Asp.C＃應用程序中外部javascript，css和圖像文件的相對路徑有疑問。

我的網頁包含2-5個子級別，因此我的JavaScript和CSS文件看起來像

../../../../../javascriptfile.js
../../../cssfile.css
../../../../../../image.jpg

萬一它將是其他子級別的應用程序將找不到文件。

指定文件路徑的最佳做法是什么？？？

Answer 1

在考慮這些答案時，請記住，“根目錄相對”和“站點的根目錄”實際上可能表示URL中域名后面的路徑的根目錄。 您可能需要考慮網站不在根目錄下的情況。 在這種情況下，根目錄相對路徑可能指向另一個網站。

在ASP.NET中，對於大多數服務器端控件，可以使用前導〜生成相對於當前站點根目錄的url，如： <img src="~/image.jpg" runat="server">

您也可以使用ResolveUrl方法（和其他類似方法）來擴展此類路徑，而無需使用服務器端控件。

Answer 2

使用像這樣的根相對路徑：

    /js/javascriptfile.js
    /css/style.css

第一個/表示網站根目錄。

Answer 3

使用絕對或根目錄相對路徑，以避免在多級頁面中造成混淆。