现在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}
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。