Js 获取url参数的方法

JS URL参数提取

最新推荐文章于 2024-07-17 16:11:27 发布

原创最新推荐文章于 2024-07-17 16:11:27 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

本文为博主原创文章，未经博主允许不得转载。

文章标签：

#js #url参数 #正则式

Web前端开发专栏收录该内容

106 篇文章

订阅专栏

本文介绍了一种使用JavaScript正则表达式快速从URL中提取参数值的方法，并提供了一个实用的函数示例。

js取url中的参数值有多种方法，但正则式相对简单快速，

1.获取url值

window.location.href;

2.用正则式构造取参数的方法

//取参数的值
    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; //返回参数值
    }

通过这个函数传递url中的参数名就可以获取到参数的值，比如url为
http://www.xxx.loc/admin/Default.aspx?cid=79&cName=YY
我们要获取cid的值，可以这样写：

1.getUrlParam('cid');

这样就可以轻松取得对应参数的值了