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

现在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}

【腾讯云】轻量 2核2G4M,首年65元

阿里云限时活动-云数据库 RDS MySQL  1核2G配置 1.88/月 速抢

本文由乐趣区整理发布,转载请注明出处,谢谢。

您可能还喜欢...

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据