使用原生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}