在前端開發(fā)中，獲取頁面參數(shù)是一項常用的技能，這有助于對用戶輸入進行處理，并將所需的參數(shù)傳遞給后端進行處理。JavaScript是目前最常用的前端開發(fā)語言之一，它也提供了諸多方法用于獲取頁面參數(shù)。 我們來看一個例子，在url地址欄輸入：http://www.example.com/?name=張三&age=18&gender=男，如何在JavaScript中獲取這些參數(shù)呢？ 首先，我們需要使用window對象的location屬性來獲取url，使用split()方法將參數(shù)分割成數(shù)組，再使用forEach()循環(huán)遍歷該數(shù)組，使用split()方法將參數(shù)名和參數(shù)值分離，并將參數(shù)名和參數(shù)值存儲在JavaScript對象中。代碼如下：

function getUrlParams(url) {
var params = {};
var urlArray = url.split("?")[1].split("&");
urlArray.forEach(function (item) {
var key = item.split("=")[0];
var value = item.split("=")[1];
params[key] = value;
});
return params;
}
var url = window.location.href;
var params = getUrlParams(url);
console.log(params);
// {name: "張三", age: "18", gender: "男"}

上述代碼中，getUrlParams函數(shù)接收一個url參數(shù)，將參數(shù)分割成數(shù)組，然后遍歷數(shù)組，分割出參數(shù)名和參數(shù)值，并存儲在JavaScript對象中，最后將該對象返回。接著，我們使用window.location.href獲取當前url，將其作為getUrlParams函數(shù)的參數(shù)傳入函數(shù)中，并將返回的對象存儲在params變量中。最后，使用console.log輸出params變量的值。 此外，還有一些其他方法可以獲取頁面參數(shù)，比如使用正則表達式，使用URLSearchParams對象等等，下面我們分別進行介紹。 **使用正則表達式獲取頁面參數(shù)** 正則表達式是用于匹配文本模式的工具，可以用它來匹配頁面url中的參數(shù)值。下面是一個例子，我們使用正則表達式獲取頁面url中的參數(shù)值：

function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]);
return null;
}
var name = getQueryString("name");
console.log(name);
// 張三

上述代碼中，getQueryString函數(shù)接收一個參數(shù)關(guān)鍵字name，使用正則表達式匹配頁面url中的參數(shù)值，最終返回該參數(shù)值。 **使用URLSearchParams對象獲取頁面參數(shù)** URLSearchParams對象是ES6新增的URL查詢參數(shù)API，它可以使用一種非常簡單的方式來獲取頁面參數(shù)。下面是一個例子，我們使用URLSearchParams對象獲取頁面url中的參數(shù)值：

var searchParams = new URLSearchParams(window.location.search);
var name = searchParams.get("name");
console.log(name);
// 張三

上述代碼中，我們直接使用URLSearchParams對象獲取窗口位置的search屬性，然后使用get()方法來獲取指定的參數(shù)值。 總結(jié)起來，獲取頁面參數(shù)是前端開發(fā)中的一項基礎(chǔ)技能，JavaScript提供了多種方法用于獲取頁面參數(shù)，開發(fā)者可以根據(jù)具體要求選擇不同的方式。