要獲取 JavaScript 中 URL 傳遞的值,可以使用 window.location
對象。具體步驟如下:
獲取完整的 URL 字符串
var url = window.location.href;
獲取 URL 的查詢字符串部分(即 ?
后面的部分)
var queryString = window.location.search;
解析查詢字符串并獲取參數值
var params = new URLSearchParams(queryString);
var value = params.get("paramName");
以下是示例代碼:
// 假設當前頁面的 URL 為:http://example.com?id=123&name=John
// 獲取完整的 URL 字符串
var url = window.location.href;
console.log(url); // 輸出:”http://example.com?id=123&name=John”
// 獲取 URL 的查詢字符串部分
var queryString = window.location.search;
console.log(queryString); // 輸出:”?id=123&name=John”
// 解析查詢字符串并獲取參數值
var params = new URLSearchParams(queryString);
var id = params.get(“id”);
var name = params.get(“name”);
console.log(id); // 輸出:”123″
console.log(name); // 輸出:”John”
通過上述方法,你可以獲取到 URL 中傳遞的值,并將其用于需要的邏輯處理或顯示在頁面上。需要注意,如果 URL 中沒有指定的參數,params.get()
方法將返回 null
。因此,在使用返回值之前最好進行空值檢查。