首页 > 其他分享 >js获取地址栏路径中参数

js获取地址栏路径中参数

时间:2023-07-12 22:13:33浏览次数:44  
标签:arr return name 路径 js let path const 地址栏

方法一:正则

const GetQueryString = (name) => {
  let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
  let r = window.location.search.substr(1).match(reg);
  if (r != null) return decodeURIComponent(r[2]);
  return null;
};
GetQueryString(name)

方法二:

function getQueryString(parameterName) {  
    const path = window.location.href;
    const parameterIndex = path.indexOf(parameterName);
    if (parameterIndex !== -1) {
      const valueStartIndex = parameterIndex + parameterName.length + 1;
      const valueEndIndex = path.indexOf('&', valueStartIndex) !== -1 ? path.indexOf('&', valueStartIndex) : path.length;
      const value = path.substring(valueStartIndex, valueEndIndex);
      return value
    }  
}
getQueryString("name")

 方法三:

const getUrlParam = (url, paraName) => {
  let arrObj = url.split("?");
  if (arrObj.length > 1) {
    let arrPara = arrObj[1].split("&")
    let arr;
    for (let i in arrPara) {
      arr = arrPara[i].split("=")
      if (arr != null && arr[0] == paraName) {
        return arr[1]
      }
    }
    return ""
  }
  else {
    return ""
  }
}
getUrlParam(url,"name")

  

标签:arr,return,name,路径,js,let,path,const,地址栏
From: https://www.cnblogs.com/huxiuxiu/p/17548996.html

相关文章

  • jsDOC
    定义函数参数与返回值@param定义参数@returns定义返回类型/***计算两个点位距离*@param{object}p1*@param{number}p1.x*@param{number}p1.y*@param{object}p2*@param{number}p2.x*@param{number}p2.y*@returns{number}返回距离*/co......
  • nestjs入门学习 | day2
    nestjs入门学习|day2day2:nest基础知识点学习:中间件、异常过滤器、守卫、管道、拦截器中间件Nest中间件可以是一个函数,也可以是一个带有@Injectable()装饰器的类,且该类应该实现NestMiddleware接口,而函数没有任何特殊要求。如下是一个日志中间件的简单示例:import{......
  • nestjs入门学习 | day1
    nestjs入门学习|day1day1:为什么要用nestjs,和egg区别对比nest项目初始化,了解目录结构nestcli命令了解nest基础知识点学习:控制器、服务、模块为什么要用nestjs,和egg区别对比官网介绍Nest提供了一种开箱即用的应用程序架构,允许开发人员和团队创建高度可测试、可扩展......
  • P4039 [AHOI2014/JSOI2014] 拼图
    DescriptionJYY最近迷上了拼图游戏。作为一个计算机科学家,JYY有一套黑白色的拼图,他希望通过合理的拼接,使得拼出的最终图案中,能包含面积最大的全白色子矩形。JYY一共有\(S\)块拼图,并且由\(1\)到\(S\)编号。编号为\(i\)的拼图是一个\(N\)行的方格矩形,每个方格都为黑色......
  • Node.js安装
    Node.js安装1.下载网址https://nodejs.org/zh-cn/download/下载完成后打开安装包,进入安装程序【next】【next】后选择安装路径,默认C盘即可不选中,直接下一步,安装安装完成点击finish,并测试是否成功【win+R】然后输入cmd,打开运行窗口,输入node-v可显示node.js版本;输入......
  • ThingJS引擎:高效创建基于Web3D的数字孪生应用
    2023年7月6日,由全球数字经济大会组委会主办,中国信息通信研究院、中国互联网协会联合承办的“2023全球数字经济大会—数字孪生赋能城市数字化转型论坛”在京召开。UINO优锘科技受邀发表《自主可控的Web3D数字孪生引擎和工具平台》主题演讲,从国产自研引擎研发的角度,探讨如何助力数字......
  • js 根据时间,输出几分钟前,几小时前,几天前,几个月前,几年前。 console.log(getDateDiff("
    js根据时间,输出几分钟前,几小时前,几天前,几个月前,几年前。原文链接:https://blog.csdn.net/qq_42740797/article/details/111277824代码1://时间戳转多少分钟之前functiongetDateDiff(dateTimeStamp){//时间字符串转时间戳vartimestamp=newDate(dateTimeStamp).g......
  • jsp实现浏览器端大文件分片上传
    ​ 在web项目中上传文件夹现在已经成为了一个主流的需求。在OA,或者企业ERP系统中都有类似的需求。上传文件夹并且保留层级结构能够对用户行成很好的引导,用户使用起来也更方便。能够提供更高级的应用支撑。数据表结构文件​编辑文件夹数据表结构​编辑文件数据表结构......
  • vue2 + elementUI + sortablejs 实现可行拖拽排序表格
    需要实现表格(可以新增行,表格中直接编辑数据,行可上下拖动重新排序)实现效果(整行上下拖动之后,序号变化为1,2,3.......,可根据名称看效果哦):初始表格: 拖拽后:1.安装拖拽插件npminstallsortablejs--save页面中引入importSortablefrom'sortablejs'2.页面el-table......
  • [AHOI2014/JSOI2014] 骑士游戏
    [AHOI2014/JSOI2014]骑士游戏观察性质:对于一类怪兽,要么全部使用普通攻击,要么全部使用魔法攻击。若对怪兽\(i\)满足\(s_i>k_i\),则必使用魔法攻击。若按照怪兽的生成关系连有向边建图,则一个环内\(k\)值最小的怪兽必使用魔法攻击。注意到,如果我们已经确定了完全消灭一......