JavaScript是一門很實用的編程語言,可以用來處理網頁上的很多事情,比如獲取url。獲取url是很常見的需求,例如獲取當前網頁的url,或者根據url的不同參數進行不同的處理。下面將詳細介紹如何使用JavaScript得到url。
獲取當前網頁的url非常簡單,只需要使用window.location.href即可:
var currentUrl = window.location.href;
上述代碼獲取到的currentUrl即為當前網頁的url。
如果想獲取url的不同參數,可以使用正則表達式來匹配url字符串中的參數值。比如說,想獲取url的id參數,可以使用以下代碼:
var url = window.location.href; var id = url.match(/id=(\d+)/)[1];
其中,正則表達式/id=(\d+)/會匹配url中所有以"id="開頭的參數,后面的\d+表示一個或多個數字。[1]表示匹配到的第一個參數值,因為在正則表達式里小括號內的內容就是要匹配的部分。
如果想獲取url的hash值,則可以使用window.location.hash:
var hash = window.location.hash.substring(1);
上述代碼獲取到的hash即為url的hash值,注意要用substring(1)來去掉#符號。
除了以上方法,還有一種獲取url參數的方式是使用URLSearchParams API。這個API是ES6新增的,可以用來截取url里的參數。例如:
var urlParams = new URLSearchParams(window.location.search); var id = urlParams.get('id');
上述代碼中,window.location.search會返回url的查詢部分(即第一個問號后面的內容),然后用URLSearchParams方法把查詢部分解析出來,之后就可以使用get方法根據參數名獲取參數值了。
總結來說,JavaScript得到url有以下三種方法:
- 使用window.location.href獲取當前網頁的url。
- 使用正則表達式匹配url字符串中的參數值。
- 使用URLSearchParams API截取url里的參數。
以上方法可以根據不同的需求選擇使用,應用起來非常方便。希望本文能對大家理解和學習JavaScript得到url有所幫助。