获取网页url中的参数

<!doctype html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport"

          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>获取网页url中的参数</title>

</head>

<body>

<script>

    //方法1

    var parseQueryString = function (url, key) {

        var num = url.indexOf('?'); // 获取 ？的下标

        if (num > 0) {

            url = url.slice(num + 1); // 截取 url ？后面的所有参数

            var arr = url.split('&'); // 将各个参数放到数组里

            var result = {}; // 存放结果

            for (var i = 0; i < arr.length; i++) {

                num = arr[i].indexOf('='); // 使用 = 对 name 和 value 进行划分

                if (num > 0) {

                    var name = arr[i].slice(0, num); // 获取 name 值

                    var value = arr[i].slice(num + 1); // 获取 value 值

                    result[name] = value;

                }

            }

            if (!result[key] || key == "" || key == null) {

                return "";

            } else {

                return result[key];

            }

        }

    }

    var result1 = parseQueryString('https://www.didichuxing.com/path?key1=a&key2=123&key3=中国', 'key1'); // a

    var result2 = parseQueryString('https://www.didichuxing.com/path?key1=a&key2=123&key3=中国', 'key2'); // 123

    var result3 = parseQueryString('https://www.didichuxing.com/path?key1=a&key2=123&key3=中国', 'key3'); // 中国

    console.log(result1,result2,result3);

    //方法2 获取当前页面的url中的参数值

    function getUrlParam(name) {

        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");

        var r = window.location.search.substr(1).match(reg);

        if (r != null) return decodeURI(r[2]);

        return null;

    }

</script>

</body>

</html>
巴特西

获取网页url中的参数

最新文章

热门文章
