起首,页面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的参数值了。