实例学正则表达式之三－－如何获取URL的中参数值

最新推荐文章于 2023-02-02 15:02:04 发布

原创最新推荐文章于 2023-02-02 15:02:04 发布 · 3.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#正则表达式 #url #null #function

Javascript 专栏收录该内容

1 篇文章

订阅专栏

博客展示了一个名为getUrlParam的函数，用于从URL中获取指定参数的值。该函数利用正则表达式匹配参数，关键正则表达式为'(^|&)' + name + '=([^&]*)(&|$)'。通过分析正则语法，解释了'([^&]*)'能匹配参数值的原因。

实例学正则表达式之三－－如何获取URL的中参数值

function getUrlParam(name){
    var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
    var r = window.location.search.substr(1).match(reg);
    if (r!=null) {
     return unescape(r[2]);
    }
return null;
}

alert(getUrlParam("Id"));

如当前的URL是http://localhost/test/Untitled-11.html?Id=12456，那么函数返回12456,

正则表达式"(^|&)"+ name +"=([^&]*)(&|$)"是这个函数的关键

函数的返回值r[2]，代表了正则表达式中的第二个匹配 ([^&]*)。为什么"([^&]*)"能匹配12456 呢？

根据正则表达式的语法，[^xyz] 负值字符集合。匹配未包含的任意字符。例如， '[^abc]' 可以匹配 "plain" 中的'p'。 "[^&]*"就是零个或多个除"&"之外任意字符。