下面是一个 JavaScript 函数,用于获取 URL 中的参数并以对象形式返回:
//获取地址栏参数(返回对象)function getUrlParams() {var urlParams = {};var queryString = window.location.search;if (queryString) {queryString = queryString.replace(/^\?/, '');var paramPairs = queryString.split('&');for (var i = 0; i < paramPairs.length; i++) {var pair = paramPairs[i].split('=');var key = decodeURIComponent(pair[0]);var value = decodeURIComponent(pair[1] || '');urlParams[key] = value;}}return urlParams;}
在上面的代码中,我们定义了一个名为 getUrlParams
的函数,用于获取 URL 中的参数,并返回一个包含所有参数的对象。函数内部首先使用 window.location.search
获取 URL 中的查询字符串部分(即参数部分),然后通过解析查询字符串来填充一个名为 urlParams
的对象。
具体来说,我们首先使用 replace
方法将查询字符串中开头的问号去掉,然后使用 split
方法将查询字符串拆分成多个键值对,再使用 decodeURIComponent
方法对键和值进行解码,并将它们填充到 urlParams
对象中。最后,我们将 urlParams
返回给调用方。
您可以在自己的代码中使用这个函数来获取 URL 参数,例如:
var params = getUrlParams(); // 假设 URL 为 https://example.com?name=John&age=30
console.log(params.name); // 输出 "John" console.log(params.age); // 输出 "30"
这将会输出一个包含 URL 所有参数的对象,其中键为参数名,值为参数值。