javascript或jquery获取地址栏url的get参数的方法

傷城~ 2022-03-31 08:50 427阅读 0赞

获取url的get参数，要用到正则表达式。

获取url中的某个参数的值

代码如下:

>     /**
>      * 通过javascript获取url中get的某个参数
>      * @param name 要获取url的get参数值的键名
>      * @returns {*}
>      */
>     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://localhost:8080/Test/page/list.html?id=123][http_localhost_8080_Test_page_list.html_id_123]  
要获取id的值，可以这样写：

> getUrlParam(“id”)

小测试：

>     <!DOCTYPE html>
>     <html lang="en">
>     <head>
>         <meta charset="UTF-8">
>         <title>Title</title>
>         <script type="text/javascript" src="../js/jquery-3.3.1.min.js"></script>
>     </head>
>     
>     <script>
>     
>         /**
>          * 通过javascript获取url中get的某个参数
>          * @param name 要获取url的get参数值的键名
>          * @returns {*}
>          */
>         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; //返回参数值
>         }
>     
>         $(document).ready(function(){
>             alert("id为："+getUrlParam("id"));
>     
>             $("body").html("id为："+getUrlParam("id"))
>         });
>     
>     </script>
>     
>     <body>
>     啦啦啦
>     </body>
>     </html>

[http_localhost_8080_Test_page_list.html_id_123]: http://localhost:8080/ssmTestMySQL/page/list.do?id=1