1. 程式人生 > >javascript或jquery獲取位址列url的get引數的方法

javascript或jquery獲取位址列url的get引數的方法

獲取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>