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

起首,页面URL中的查询参数是什么呢?
比方 http://segmentfault.com/x.html?a=0&b=1&c=2这个url背面?以后的a、b、c都属于查询参数.

在我们做开辟的过程当中,会碰到一些如许的需求:

  1. 推断当前链接中是不是存在一项参数,并依据差别的参数做对应的处置惩罚。

  2. 同一个页面针对差别的状况做差别的处置惩罚,比方这个页面里内容是当前用户天生的,
    然后他把当前页面分享出去以后,其他人看到该页面的时刻,内里的一些内容(按钮、笔墨等)要做一些转变。

所以,我们应该有一个要领来猎取当前页面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的参数值了。

    原文作者:朕知道了
    原文地址: https://segmentfault.com/a/1190000003863004
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞