jquery獲取當前頁面的URL資訊

2022-06-20 10:33:13 字數 3679 閱讀 4269

以前在做**的時候,經常會遇到當前頁的分類高亮顯示,以便讓使用者了解當前處於哪個頁面。之前一直是在每個不同頁面寫方法。工程量大,也不便於修改。一直在想有什麼簡便的方法實現。後來在網上查到可以用獲取當前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 屬性中跟在問號後面的部分。

以前在做**的時候,經常會遇到當前頁的分類高亮顯示,以便讓使用者了解當前處於哪個頁面。之前一直是在每個不同頁面寫方法。工程量大,也不便於修改。一直在想有什麼簡便的方法實現。後來在網上查到可以用獲取當前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獲取當前頁面的高度

document scrolltop 獲取垂直滾動的距離 即當前滾動的地方的視窗頂端到整個頁面頂端的距離 document scrollleft 這是獲取水平滾動條的距離 要獲取頂端 只需要獲取到scrolltop 0的時候 就是頂端了 要獲取底端 只要獲取scrolltop document he...

JQUERY獲取當前頁面的URL資訊

以前在做 的時候,經常會遇到當前頁的分類高亮顯示,以便讓使用者了解當前處於哪個頁面。之前一直是在每個不同頁面寫方法。工程量大,也不便於修改。一直在想有什麼簡便的方法實現。後來在網上查到可以用獲取當前url的詳細資訊來判斷。所以收集了jquery獲取url的函式的資料。設定或獲取物件指定的檔名或路徑。...

JQUERY獲取當前頁面的URL資訊

以前在做 的時候,經常會遇到當前頁的分類高亮顯示,以便讓使用者了解當前處於哪個頁面。之前一直是在每個不同頁面寫方法。工程量大,也不便於修改。一直在想有什麼簡便的方法實現。後來在網上查到可以用獲取當前url的詳細資訊來判斷。所以收集了jquery獲取url的函式的資料。設定或獲取物件指定的檔名或路徑。...