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

时间 2021-01-02

标签 javascript java 框架 url code 对象 token 路由 get 栏目 Java 繁體版

原文原文链接

如今3大框架(Vue, React, Angular)都有路由的方案，获取路由上的参数是至关的简单的。
可是在一些场景，有可能在框架还未彻底加载前，须要获取url上的参数。javascript

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

获取并返回一个参数对象框架

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}