js解析url

最新推荐文章于 2025-06-04 12:22:04 发布

muildzero

最新推荐文章于 2025-06-04 12:22:04 发布

阅读量2.7k

点赞数 1

分类专栏： javascript 文章标签： javascript url

javascript 专栏收录该内容

5 篇文章

订阅专栏

本文介绍两种从URL中获取查询字符串参数的有效方法：一种是使用正则表达式进行精确匹配；另一种是利用split方法拆分字符串并构建参数对象。这两种方法均可帮助开发者轻松地从URL中提取所需参数。

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

地址：http://www.jb51.net/article/94448.htm querystring

1.1 方法一：正则匹配

//获取url中的参数
function getQueryString(name) {
  var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", i); // 匹配目标参数
  var result = window.location.search.substr(1).match(reg); // 对querystring匹配目标参数
  if (result != null) {
    return decodeURIComponent(result[2]);
  } else {
    return null;
  }
}

对于 http://localhost/index.html?q1=abc&q2=efg&q3=h 的url，获取 q1 参数值的方法如下：

var q1 = getQueryString('q1'); // abc

1.2 方法二：split

function getQueryString() {  
  var qs = location.search.substr(1), // 获取url中"?"符后的字串  
    args = {}, // 保存参数数据的对象
    items = qs.length ? qs.split("&") : [], // 取得每一个参数项,
    item = null,
    len = items.length;

  for(var i = 0; i < len; i++) {
    item = items[i].split("=");
    var name = decodeURIComponent(item[0]),
      value = decodeURIComponent(item[1]);
    if(name) {
      args[name] = value;
    }
  }
  return args;
}

对于 http://localhost/index.html?q1=abc&q2=efg&q3=h 的url，获取 q1 参数值的方法如下：

var qs = getQueryString(); 

var q1 = qs["q1"]; // abc