javascript/jquery获取地址栏url参数的方法


在JavaScript中,特别是结合jQuery时,获取地址栏URL中的参数可以通过原生JavaScript实现,因为jQuery本身并没有直接提供这一功能。下面是一个简洁且高效的方法来获取URL参数:


function getQueryParameter(name, url = window.location.href) {
    name = name.replace(/[\[\]]/g, '\\$&');
    var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),
        results = regex.exec(url);
    if (!results) return null;
    if (!results[2]) return '';
    return decodeURIComponent(results[2].replace(/\+/g, ' '));
}

// 使用示例
var paramValue = getQueryParameter('paramName');
console.log(paramValue); // 假设URL是http://example.com/?paramName=value,这会输出'value'

这个函数`getQueryParameter`接受两个参数,第一个`name`是你想要获取的URL参数名,第二个`url`是可选的,默认是当前页面的URL(`window.location.href`)。它使用正则表达式来匹配查询字符串中的参数,并返回对应的值。如果参数不存在,则返回`null`;如果参数存在但没有值(即`paramName=`后面没有内容),则返回空字符串。

请注意,这个方法并不依赖于jQuery,因为它是基于原生JavaScript的。然而,你可以在你的jQuery项目中无缝地使用它。