首页 > Web开发 > 详细

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

时间:2021-05-08 23:25:40      阅读:21      评论:0      收藏:0      [点我收藏+]

参考网址: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】获取地址栏参数(超简单)

原文:https://www.cnblogs.com/moppet/p/14744895.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!