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


朕知道了
302 声望10 粉丝

加油加油加油