【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>

 

posted @ 2021-05-08 14:49  moppet蔡蔡  阅读(281)  评论(0)  编辑  收藏  举报