js的location物件介紹

2021-09-01 04:25:01 字數 808 閱讀 1316

在寫前端js元件時,由於元件被單獨封裝到乙個js檔案中,

而同時元件又有在裡面的話,找路徑就有相對路徑和絕對路徑2種辦法。

而此時的相對路徑在呼叫這個js的頁面,所以沒法寫;同時相對路徑的../,./../之類的,當資料夾移動後,維護起來很困難,所以無論從原則上,還是這個問題上,採用相對路徑都不好。

那麼,我們只能用絕對路徑,但是絕對路徑的名字如果非得傳個引數,有點兒讓人難受,這裡介紹乙個用js的方法取頁面路徑的辦法。

window.location.pathname 能得到頁面url的資訊,然後通過擷取,即可得到想要的路徑。

對於window.location屬性,全部介紹如下

對於乙個完整的url,其為:

則用js時,

window.location.href -  獲取整個url

window.location.protocol - 獲取協議 輸出為 「http:」

window.location.host - 輸出為 「localhost」

window.location.port - 輸出為 「port」

window.location.pathname - 輸出為 「/rqlibrary/development-bundle/index.jsp」

window.location.search - 輸出為「?module=a&arg1=b」

window.location.hash - 輸出為#abcd

location配置介紹

官方文件解釋 句法 location uri location name 預設 語境 server,location 如果最長匹配的字首位置具有 修飾符,則不檢查正規表示式。另外,使用 修飾符可以定義uri和位置的精確匹配。如果找到完全匹配,則搜尋結束。例如,如果乙個 請求經常發生,定義 locat...

JS基礎知識梳理 location 物件

一 簡介 location物件是乙個較為特別的物件,既是window物件的屬性也是document物件的屬性。location物件的用處不僅僅表現在儲存著當前文件的資訊,還能將url解析成獨立的片段。location.port 返回當前伺服器的埠號,如果不存在,返回空值 location.hostn...

location物件屬性

常用屬性 1 location.href 返回當前載入頁面的完整url location.href window.location.href 2 location.hash 返回url中的hash 後 如果不包含則返回空字元 eg 頁面最下設定乙個button為返回頂部,新增乙個id top 後 v...