jquery获取url的某个参数
获取URL参数的jQuery方法
使用jQuery可以方便地从当前URL中提取特定参数。以下是几种常见的方法：
方法一：使用URLSearchParams对象
现代浏览器支持URLSearchParams对象，可以简洁地处理查询参数。
function getUrlParam(param) {
const urlParams = new URLSearchParams(window.location.search);
return urlParams.get(param);
}
// 使用示例
var id = getUrlParam('id');方法二：纯jQuery实现
如果不考虑浏览器兼容性，可以使用以下纯jQuery方法：
$.urlParam = function(name){
var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href);
return results ? results[1] : null;
}
// 使用示例
var name = $.urlParam('name');方法三：分解URL字符串
通过分解URL字符串来获取参数值：
function getParameterByName(name) {
name = name.replace(/[\[\]]/g, '\\$&');
var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),
results = regex.exec(window.location.href);
if (!results) return null;
if (!results[2]) return '';
return decodeURIComponent(results[2].replace(/\+/g, ' '));
}
// 使用示例
var page = getParameterByName('page');注意事项
- 参数名称区分大小写
- 如果参数不存在，上述方法会返回
null或空字符串 - 对于URL中的哈希值(
#)，需要额外处理 - 建议对返回值进行空值检查，避免后续操作出错
最佳实践
推荐使用方法一，即URLSearchParams，因为它是最简洁且现代的标准API。如果需要支持老旧浏览器，可以配合方法三使用。
