jquery获取地址栏参数
获取地址栏参数的方法
使用jQuery获取地址栏参数可以通过解析window.location.search实现。以下是几种常见的方法：
使用正则表达式解析
通过正则表达式匹配URL中的参数部分，提取键值对：
function getUrlParam(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r != null) return decodeURIComponent(r[2]);
return null;
}使用URLSearchParams API
现代浏览器支持URLSearchParams API，可以更方便地处理查询参数：
function getUrlParam(name) {
var params = new URLSearchParams(window.location.search);
return params.get(name);
}转换为对象形式
将地址栏所有参数转换为对象形式，方便后续使用：
function getUrlParams() {
var params = {};
var search = window.location.search.substr(1);
if (search) {
search.split('&').forEach(function(item) {
var pair = item.split('=');
params[pair[0]] = decodeURIComponent(pair[1]);
});
}
return params;
}使用jQuery扩展方法
为jQuery添加自定义方法，便于全局调用：
$.extend({
getUrlParam: function(name) {
return getUrlParam(name);
},
getUrlParams: function() {
return getUrlParams();
}
});示例用法
获取单个参数值：
var id = $.getUrlParam('id');获取所有参数对象：
var params = $.getUrlParams();
console.log(params.id);注意事项：
- 参数值需要进行
decodeURIComponent解码 - 处理中文参数时需要确保编码一致
- 某些特殊字符可能需要额外处理
