H5分享页面（4）——处理url地址栏的参数

最新推荐文章于 2023-08-07 11:51:38 发布

大把小米

最新推荐文章于 2023-08-07 11:51:38 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

大把小米

本文链接：https://blog.csdn.net/qq_46012777/article/details/106639145

本文介绍了一种实用的方法，用于将URL中的search参数转换为易于操作的对象结构。通过使用JavaScript编写的函数，可以快速解析出参数名及其对应的值，便于前端开发中对分享链接参数的处理。

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

分享的时候需要在url中拼接参数，我们可以进行处理得到一个对象：


/**
 * 获取地址栏的search参数为一个对象结构
 * @returns {Object} 参数的对象结构表示
 */
function getLocationSearch () {
  var search = location.search.substring(1)
  if (search.length > 0) {
    var obj = {}
    var arr = []
    var item
    var val
    arr = search.split('&')
    for (var i = arr.length; --i >= 0;) {
      item = arr[i].split('=')
      val = item[1]
      obj[item[0]] = obj[item[0]] ? (obj[item[0]] + ',' + val) : val
    }
    return obj
  }
  return {}
}