封装获取url参数的方法

青梅煮码

发布于 2023-02-18 16:36:17

2.8K0

功能需求：前端页面来回切换需要我们去获取URL的某个参数值。这时封装一个输入参数名获取对应参数值的函数是很有必要的；

//取url上的id
   function getQueryString(name) { //取url上的id
      var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
      var r = window.location.search.substr(1).match(reg);
      if (r != null) return unescape(r[2]);
      return null;
    }

例如：var courseId = getQueryString("id");

如果传的参数是中文若需转义可以加上 decodeURI(）函数

function getQueryString(name) { //取url上的id
      var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
      var r = window.location.search.substr(1).match(reg);
      if (r != null) return unescape(decodeURI(r[2]));
      return null;
    }

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2020-08-11 ，如有侵权请联系 cloudcommunity@tencent.com 删除

url

函数

封装获取url参数的方法

封装获取url参数的方法

功能需求：前端页面来回切换需要我们去获取URL的某个参数值。这时封装一个输入参数名获取对应参数值的函数是很有必要的；

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐