检测当前页面URL中查询参数值

最新推荐文章于 2023-04-16 11:27:29 发布

weixin_34270606

最新推荐文章于 2023-04-16 11:27:29 发布

阅读量321

点赞数

原文链接：https://segmentfault.com/a/1190000003863004

版权

首先，页面URL中的查询参数是什么呢？
例如 http://segmentfault.com/x.html?a=0&b=1&c=2这个url后面?之后的a、b、c都属于查询参数.

在我们做开发的过程中，会遇到一些这样的需求：

判断当前链接中是否存在一项参数，并根据不同的参数做对应的处理。
同一个页面针对不同的状态做不同的处理，比如这个页面里内容是当前用户生成的，
然后他把当前页面分享出去之后，其他人看到该页面的时候，里面的一些内容（按钮、文字等）要做一些改变。

所以，我们应该有一个方法来获取当前页面URL中的参数值，我看到过一个很简洁的方法是这样的：

function getQueryValue(key){
    var match=location.search.match(new RegExp(key+'=([^&]*)'));
    return match&&match[1]||'';
}

解析一下这个方法：

location.search属性用于设置或取得当前URL的查询字符串（? 符号及后面的部分）
http://segmentfault.com/x.html?a=0&b=1&c=2这个例子中location.search即为?a=0&b=1&c=2
match() 方法可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配。
该方法类似 indexOf() 和 lastIndexOf()，但是它返回指定的值，而不是字符串的位置。
new RegExp(key+'=([^&]*)') 这里正则表达式匹配 key=除了&以外的所有字符.
最后，函数返回参数key的值value.

ps:如果value为空或者参数key不存在，返回的值均为""
到此，我们可以使用这个方法来检测页面中URL的参数值了。

关注