js获取地址栏中的“查询字符串”（URL参数）值

最新推荐文章于 2023-07-09 22:39:44 发布

wang_9909

最新推荐文章于 2023-07-09 22:39:44 发布

阅读量614

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript html 面试题文章标签： url javascript bom

本文链接：https://blog.youkuaiyun.com/wang_9909/article/details/119593280

JavaScript 同时被 3 个专栏收录

45 篇文章

订阅专栏

html

34 篇文章

订阅专栏

面试题

13 篇文章

订阅专栏

本文介绍了如何通过JavaScript从URL中获取和解析查询参数，适用于网页开发中的常见需求。示例代码展示了从`location.search`获取查询字符串，然后通过处理转换为JSON对象的过程，方便进一步操作。适用于前端开发人员理解URL参数处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

面试笔试题遇到了好多次这个，实际开发中也碰到过这个需求。因此，我简单的理了一下思路。

下面就会一个简单的代码进行获取URL参数

var prestr= location.search;//获取当前地址栏中的“查询字符串”值
var str =prestr.slice(1);//截取？后面的字符串
var json={}; //定义一个空的对象进行接收

if(str.includes('&')){   //判断是否有多组参数 若有则进行split切割生成多个参数数组
  var params = str.split('&');
  params.forEach((item,index)=>{
    splits(item)
  })
}else{//若只有一个参数 则直接进行操作
  splits(str)
}

function splits(e){  //封装函数 对参数进行处理
  var par= e.split('=')
  json[par[0]] =par[1]
}

console.log(json)

例如：https://blog.youkuaiyun.com/wang_9909?spm=1000.2115.3001.5343

取到得参数为