【Js】获取地址栏参数(超简单)

参考网址:https://blog.csdn.net/xiaoxiong_jiaxin/article/details/84317949

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/jquery-1.9.1.min.js"></script>
    <link rel="stylesheet" href="layui/css/layui.css">
</head>
<body>

<script src="layui/layui.all.js"></script>
<script>
    function getUrlSearch(name) {
        // 未传参,返回空
        debugger;
        if (!name) return null;
        // 查询参数:先通过search取值,如果取不到就通过hash来取
        let after = window.location.search ;
        after = after.substr(1) || window.location.hash.split(?)[1];
        // 地址栏URL没有查询参数,返回空
        if (!after) return null;
        // 如果查询参数中没有"name",返回空
        if (after.indexOf(name) === -1) return null;

        let reg = new RegExp((^|&) + name + =([^&]*)(&|$));
        // 当地址栏参数存在中文时,需要解码,不然会乱码
        var r = decodeURI(after).match(reg);
        // 如果url中"name"没有值,返回空
        if (!r) return null;

        return r[2];
    }

    getUrlSearch(search_box);

    console.log(地址栏参数id,getUrlSearch("id"));
</script>
</body>
</html>

 

【Js】获取地址栏参数(超简单)

上一篇:好站分享-互联网行业优秀网站分享、干货超多


下一篇:git统计历史上某一段时间代码的修改量