首先,页面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的参数值了。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。