使用 javascript 通過 window.location.search 屬性獲取 url 傳遞的值,查詢字符串以 ? 開頭。解析查詢字符串:使用 urlsearchparams 對象(例如 var params = new urlsearchparams(searchparams);),使用 get() 方法獲取值(例如 console.log(params.get(“name”));),確保解碼查詢字符串為 utf-8 格式。
如何使用 JavaScript 獲取 URL 傳遞的值
在 JavaScript 中,可以使用 window.location.search 屬性獲取 URL 傳遞的值。該屬性返回一個包含查詢字符串的字符串,即 URL 中問號 (?) 之后的部分。
打開方式:
var searchParams = window.location.search;
登錄后復制
示例:
<a href="index.html?name=John&age=30">獲取值</a>
登錄后復制
JavaScript 代碼:
var searchParams = window.location.search; console.log(searchParams); // 輸出:?name=John&age=30
登錄后復制
解析查詢字符串:
要解析查詢字符串并獲取各個值,可以使用 URLSearchParams 對象:
var params = new URLSearchParams(searchParams); console.log(params.get("name")); // 輸出:John console.log(params.get("age")); // 輸出:30
登錄后復制
注意:
如果查詢字符串沒有傳遞任何值,window.location.search 將返回一個空字符串。
如果查詢字符串中有多個相同的值,URLSearchParams 對象將返回一個數組。
確保在解析查詢字符串之前,將其解碼為 UTF-8 格式。