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

本文涉及的产品
公共DNS(含HTTPDNS解析),每月1000万次HTTP解析
云解析 DNS,旗舰版 1个月
全局流量管理 GTM,标准版 1个月
简介: 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]);
}
目录
相关文章
|
19天前
|
JavaScript
js 解析 byte数组 成字符串
js 解析 byte数组 成字符串
|
2天前
|
前端开发
用html+javascript打造公文一键排版系统3:获取参数设置、公文标题排版
用html+javascript打造公文一键排版系统3:获取参数设置、公文标题排版
|
5天前
|
安全 Java API
Java根据URL获取文件内容的实现方法
此示例展示了如何安全、有效地根据URL获取文件内容。它不仅展现了处理网络资源的基本技巧,还体现了良好的异常处理实践。在实际开发中,根据项目需求,你可能还需要添加额外的功能,如设置连接超时、处理HTTP响应码等。
32 4
|
29天前
|
JavaScript 前端开发
JavaScript基础知识-函数的参数
关于JavaScript函数参数基础知识的介绍。
18 4
JavaScript基础知识-函数的参数
|
8天前
|
JavaScript 前端开发
JavaScript 函数参数
JavaScript 函数参数
22 3
|
11天前
|
JSON API 数据格式
requests库中json参数与data参数使用方法的深入解析
选择 `data`或 `json`取决于你的具体需求,以及服务器端期望接收的数据格式。
51 2
|
5天前
|
前端开发 JavaScript
前端JS截取url上的参数
文章介绍了两种前端JS获取URL参数的方法:手动截取封装和使用URLSearchParams。
17 0
|
2月前
|
开发者 图形学 C#
深度解密:Unity游戏开发中的动画艺术——Mecanim状态机如何让游戏角色栩栩如生:从基础设置到高级状态切换的全面指南,助你打造流畅自然的游戏动画体验
【8月更文挑战第31天】Unity动画系统是游戏开发的关键部分,尤其适用于复杂角色动画。本文通过具体案例讲解Mecanim动画状态机的使用方法及原理。我们创建一个游戏角色并设计行走、奔跑和攻击动画,详细介绍动画状态机设置及脚本控制。首先导入动画资源并添加Animator组件,然后创建Animator Controller并设置状态间的转换条件。通过编写C#脚本(如PlayerMovement)控制动画状态切换,实现基于玩家输入的动画过渡。此方法不仅适用于游戏角色,还可用于任何需动态动画响应的对象,增强游戏的真实感与互动性。
58 0
|
2月前
|
C# 开发者 Windows
震撼发布:全面解析WPF中的打印功能——从基础设置到高级定制,带你一步步实现直接打印文档的完整流程,让你的WPF应用程序瞬间升级,掌握这一技能,轻松应对各种打印需求,彻底告别打印难题!
【8月更文挑战第31天】打印功能在许多WPF应用中不可或缺,尤其在需要生成纸质文档时。WPF提供了强大的打印支持,通过`PrintDialog`等类简化了打印集成。本文将详细介绍如何在WPF应用中实现直接打印文档的功能,并通过具体示例代码展示其实现过程。
127 0
|
JavaScript
JS解析url中的参数
JS解析url中的参数
198 0

热门文章

最新文章

推荐镜像

更多