js获取路由的参数

luck_yangl

于 2019-10-21 16:08:16 发布

阅读量1w

点赞数 1

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/luck_yangl/article/details/102665737

版权

前端专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种在使用Hash路由的项目中获取URL参数的方法，通过解析window.location.href来兼容不同类型的路由，确保能够正确读取和使用路由参数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在项目中需要获取路由参数的时候，一般处理window.location.search的值就能解决问题。
但是如果我们的路由是hash路由，路由地址中带有#号，我们的search值就为空了。
为了更好的兼容性还是直接处理window.location.href比较好；

var ref= getQueryVariable('ref')；

function getQueryVariable(variable) {
        let href = window.location.href
        let query = href.substring(href.indexOf('?')+1);
        let vars = query.split("&");
        for (var i = 0; i < vars.length; i++) {
            let pair = vars[i].split("=");
            if (pair[0] == variable) {
                return pair[1];
            }
        }
        return (false);
    }

如果要获取所有参数：

var querys = getQueryVariable()；

function getQueryVariable() {
        let href = window.location.href
        let query = href.substring(href.indexOf('?')+1);
        let vars = query.split("&");
        let obj = {}
        for (var i = 0; i < vars.length; i++) {
            let pair = vars[i].split("=");
            obj[pair[0]] = pair[1]
        }
        return obj;
    }