采用正则表达式获取地址栏参数：（强烈推荐，既实用又方便！）

最新推荐文章于 2022-02-14 14:25:03 发布

lixiaolin1003

最新推荐文章于 2022-02-14 14:25:03 发布

阅读量676

点赞数

分类专栏： js

js 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种使用正则表达式从URL中提取指定参数的方法，并通过实例演示了如何获取'id'和'url'等参数的具体值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方法一：采用正则表达式获取地址栏参数：（强烈推荐，既实用又方便！）

 
        function 
        GetQueryString(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(GetQueryString(
        "参数名1"
        ));
       
        alert(GetQueryString(
        "参数名2"
        ));
       
        alert(GetQueryString(
        "参数名3"
        ));

下面举一个例子:

若地址栏URL为：abc.html?id=123&url=http://www.maidq.com

那么，但你用上面的方法去调用：alert(GetQueryString("url"));

则会弹出一个对话框：内容就是 http://www.maidq.com

如果用：alert(GetQueryString("id"));那么弹出的内容就是 123 啦；

当然如果你没有传参数的话，比如你的地址是 abc.html 后面没有参数，那强行输出调用结果有的时候会报错：

所以我们要加一个判断，判断我们请求的参数是否为空，首先把值赋给一个变量：

 
        var 
        myurl=GetQueryString(
        "url"
        );
       
        if
        (myurl !=
        null 
        && myurl.toString().length>1)
       
        {
       
        alert(GetQueryString(
        "url"
        ));
       
        }