使用原生javascirpt获取浏览器地址参数

44次阅读

共计 418 个字符，预计需要花费 2 分钟才能阅读完成。

现在 3 大框架 (Vue, React, Angular) 都有路由的方案，获取路由上的参数是相当的简单的。
但是在一些场景，有可能在框架还未完全加载前，需要获取 url 上的参数。

此时，就需要使用原生的 javascript 来获取 url 地址上的参数了。
Get URL Parameters With JavaScrip

获取并返回一个参数对象

function getUrlVars() {var vars = {};
    var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
        // 如果是带 #进行路由的 PWA 项目，有可能会存在下面 if 这个场景
        if (value.indexOf('#') > -1) {value = value.split('#')[0];
        }
        vars[key] = value;
    });
    return vars;
}
// 返回结果示例 {id: xxx, token: xxx}

正文完