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

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_22078107/article/details/85638997

获取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
要获取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>

猜你喜欢

转载自blog.csdn.net/qq_22078107/article/details/85638997
今日推荐