1. 程式人生 > >html中url路徑請求的六種方式:無斜槓、單斜槓(/)、點+單斜槓(./)、點點+單斜槓(../)、多個點點+單斜槓(../../)、全路徑

html中url路徑請求的六種方式:無斜槓、單斜槓(/)、點+單斜槓(./)、點點+單斜槓(../)、多個點點+單斜槓(../../)、全路徑

 

圖一:專案結構


 圖二:rootPath.html內容

說明:圖一為專案結構,圖二為rootPath.html內容。

我在做專案過程中路徑寫錯,跳轉不到目標頁面,花了好長時間才發現原因,鑑於自己的慘痛經歷,就把這幾種url路徑總結了一下,配上了我的具體專案結構圖和詳細原始碼。對於該問題,網上雖也有類似解答,但不是太全和說明不是太清楚。希望對大家有用,也歡迎大牛補充和批評和指正。


特點總結:

方式一:
沒有斜槓,跳轉到和自己(rootPath.html)同目錄下的layout頁面
方式二:
單斜槓加前有一點,跳轉到和自己(rootPath.html)同目錄下的layout頁面
   總結:方式一和方式二效果是相同的。
方式三:
單斜槓,跳轉到整個網站根目錄下的(如果是在本機測試,也就是

,注意此路徑不包括專案名,只到專案名的上一級,易錯認為是到webapp目錄,我是在這個地方出錯了,花了好長時間才發現問題所在)
方式四:兩點加單斜槓,跳轉到上一級目錄
方式五:多個兩點加單斜槓連續用,每一次“../”往上跳轉一級,有幾個“

../”,就向上跳幾級(ps:我以前錯以為只能寫一個“../”

方式六:全路徑方法:路徑+專案名+檔案在wbapp下的位置,例如我的是:

http://localhost:8080/bos_management_web/demo/layout.html,

其中:bos_management_web為專案名,demo/layout.html為webapp下的位置

說明:

應該還有一種獲得路徑方式:varrootUrl="@Url.Content('~')";網上說是直接獲得根路徑,我暫時沒研究透是什麼意思,如果各位大牛有懂的,歡迎歡迎不吝賜教!