原生JavaScript 获取地址栏参数

最新推荐文章于 2023-03-20 08:00:00 发布

原创最新推荐文章于 2023-03-20 08:00:00 发布 · 637 阅读

0 ·

CC 4.0 BY-SA版权

路漫漫其修远兮，吾将上下而求索～

文章标签：

#原生js #地址栏取值 #url取值

js 专栏收录该内容

27 篇文章

订阅专栏

本文介绍了一种使用正则表达式从URL中解析特定参数的方法，通过一个JavaScript函数示例，展示了如何高效地获取URL查询字符串中的指定值。

用正则来匹配（强烈推荐，简洁快速）

function getQuery(name) {
    // 用该属性获取页面 URL 地址从问号 (?) 开始的 URL（查询部分）
    var url = window.location.search;
    // 正则筛选地址栏
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
    // 匹配目标参数
    var result = url.substr(1).match(reg);
    //返回参数值
    return result ? decodeURIComponent(result[2]) : null;
}