js 获取并解析 url 中参数的三种方法

本文涉及的产品
云解析 DNS,旗舰版 1个月
全局流量管理 GTM,标准版 1个月
公共DNS(含HTTPDNS解析),每月1000万次HTTP解析
简介: js 获取并解析 url 中参数的三种方法

方法一:使用正则表达式

function getUrlParam(name) {
  let params_str = location.search.substring(1);
  var reg = new RegExp(`(^|&)${name}=([^&]*)(&|$)`, "i");
  var result = params_str.match(reg);
  if (result === null) {
    return null;
  }
  // 对编码过 URI 进行解码
  return decodeURIComponent(result[2]);
}

方式二:使用 URLSearchParams,IE浏览器不兼容

function getUrlParam(name) {
  let pram = new URLSearchParams(location.search);
  return pram.get(name);
}

方式三:手动解析-字符串拆分

function getUrlParam(name) {
  let params_str = location.search.substring(1);
  let params_dic = {};
  params_str.split("&").forEach((item) => {
    let paramItem_list = item.split("=");
    if (paramItem_list.length === 2) {
      params_dic[paramItem_list[0]] = paramItem_list[1];
    }
  });
 
  return decodeURIComponent(params_dic[name]);
}
目录
相关文章
|
2天前
|
存储 JavaScript 对象存储
js检测数据类型有那些方法
js检测数据类型有那些方法
|
9天前
|
JavaScript
js 解析 byte数组 成字符串
js 解析 byte数组 成字符串
|
18天前
|
JavaScript 前端开发
JavaScript基础知识-方法
文章通过示例代码讲解了JavaScript中如何给对象添加方法以及如何调用这些方法。
18 2
JavaScript基础知识-方法
|
18天前
|
JavaScript 前端开发
JavaScript基础知识-数组的常用方法
关于JavaScript基础知识-数组的常用方法。
15 1
JavaScript基础知识-数组的常用方法
|
4天前
|
存储 关系型数据库 MySQL
技术解析:MySQL中取最新一条重复数据的方法
以上提供的两种方法都可以有效地从MySQL数据库中提取每个类别最新的重复数据。选择哪种方法取决于具体的使用场景和MySQL版本。子查询加分组的方法兼容性更好,适用于所有版本的MySQL;而窗口函数方法代码更简洁,执行效率可能更高,但需要MySQL 8.0及以上版本。在实际应用中,应根据数据量大小、查询性能需求以及MySQL版本等因素综合考虑,选择最合适的实现方案。
27 6
|
3天前
|
JavaScript 前端开发
JavaScript Array map() 方法
JavaScript Array map() 方法
|
2天前
|
JavaScript 前端开发
JavaScript 中的新 Set 方法
JavaScript 中的新 Set 方法
|
3天前
|
存储 JavaScript
js切割截取字符串方法
js切割截取字符串方法
|
3天前
|
JavaScript
JS数组合并的常用方法
JS数组合并的常用方法
|
16天前
|
前端开发 JavaScript
前端ES5 | js —添加元素方法
前端ES5 | js —添加元素方法

推荐镜像

更多