jquery擷取當前頁面的URL資訊

標籤：檔案   路徑   pat   網上   屬性   分類   部分   title   資訊   

以前在做網站的時候，經常會遇到當前頁的分類高亮顯示，以便讓使用者瞭解當前處於哪個頁面。之前一直是在每個不同頁面寫方法。工程量大，也不便於修改。一直在想有什麼簡便的方法實現。後來在網上查到可以用擷取當前URL的詳細資料來判斷。所以收集了JQUERY擷取URL的函數的資料。

設定或擷取對象指定的檔案名稱或路徑。
window.location.pathname
例：http://localhost:8086/topic/index?topicId=361
alert(window.location.pathname); 則輸出：/topic/index

設定或擷取整個 URL 為字串。
window.location.href
例：http://localhost:8086/topic/index?topicId=361
alert(window.location.href); 則輸出：http://localhost:8086/topic/index?topicId=361

設定或擷取與 URL 關聯的連接埠號碼碼。
window.location.port
例：http://localhost:8086/topic/index?topicId=361
alert(window.location.port); 則輸出：8086

設定或擷取 URL 的協議部分。
window.location.protocol
例：http://localhost:8086/topic/index?topicId=361
alert(window.location.protocol); 則輸出：http:

設定或擷取 href 屬性中在井號“#”後面的分段。
window.location.hash

設定或擷取 location 或 URL 的 hostname 和 port 號碼。
window.location.host
例：http://localhost:8086/topic/index?topicId=361
alert(window.location.host); 則輸出：http:localhost:8086

設定或擷取 href 屬性中跟在問號後面的部分。
window.location.search
例：http://localhost:8086/topic/index?topicId=361
alert(window.location.search); 則輸出：?topicId=361

window.location
屬性                  描述
hash                設定或擷取 href 屬性中在井號“#”後面的分段。
host                 設定或擷取 location 或 URL 的 hostname 和 port 號碼。
hostname      設定或擷取 location 或 URL 的主機名稱部分。
href                  設定或擷取整個 URL 為字串。
pathname      設定或擷取對象指定的檔案名稱或路徑。
port                  設定或擷取與 URL 關聯的連接埠號碼碼。
protocol          設定或擷取 URL 的協議部分。
search            設定或擷取 href 屬性中跟在問號後面的部分。

jquery擷取當前頁面的URL資訊