获取 URL 参数是前端开发中经常用到的操作，下面是使用 JavaScript 和 jQuery 获取 URL 参数的示例代码及详细说明。
JavaScript 中可以使用 split 方法和正则表达式来截断字符串，然后将获取到的参数与对应的值存储在一个对象中。示例代码如下：
function getParams(str) {
let params = {};
let searchParams = str.split('?')[1];
if (!searchParams) return params;
searchParams.split('&').forEach(param => {
let [key, value] = param.split('=');
params[key] = value;
});
return params;
}
let urlParams = getParams(window.location.search);
console.log(urlParams); //输出URL参数和值的对象
JavaScript 提供了一个名为 URLSearchParams 的 API，可以直接获取并解析 URL 搜索参数。示例代码如下：
let searchParams = new URLSearchParams(window.location.search);
let urlParams = Object.fromEntries(searchParams.entries());
console.log(urlParams); //输出URL参数和值的对象
在 jQuery 中可以使用 $.param() 方法将URL字符串转换为对象，然后通过遍历获取到的对象，将参数和对应的值存储在一个新的对象中。示例代码如下：
function getParams(url) {
let params = {};
let searchParams = decodeURIComponent(url).split('?')[1];
if (!searchParams) return params;
$.each($.param.querystring(searchParams), function(key, value) {
params[key] = value;
});
return params;
}
let urlParams = getParams(window.location.search);
console.log(urlParams); //输出URL参数和值的对象
另外，如果你想直接获取当前页面 URL 的参数，可以使用 $.query.get() 方法。示例代码如下：
let urlParams = $.query.get();
console.log(urlParams); //输出URL参数和值的对象
以上是 JavaScript 和 jQuery 获取 URL 参数的示例代码和方法，可以根据实际需求选择使用。
本文链接：http://task.lmcjl.com/news/9743.html