成都网站建设设计

将想法与焦点和您一起共享

js获取网址中的字符串参数-创新互联

js获取网址中某个指定的参数

需求:前端开发中,经常要根据当前网址,来获取到某个指定的参数,比如id。我们可以创建一个函数,用以解析查询字符串,然后返回包含所有参数的一个对象。
比如要获取网址 “https://baike.baidu.com/item/%E7%8E%9B%E9%9B%85%E6%96%87%E6%98%8E/334073?fr=aladdin&hid=1234&name=%E7%8E%9B%E9%9B%85%E6%96%87%E6%98%8E”;中的name参数,代码如下:

网站设计、成都做网站服务团队是一支充满着热情的团队,执着、敏锐、追求更好,是创新互联的标准与要求,同时竭诚为客户提供服务是我们的理念。成都创新互联把每个网站当做一个产品来开发,精雕细琢,追求一名工匠心中的细致,我们更用心!
// 创建一个获取url中指定参数值的函数
function getQueryStr(argu) {//查询字符串并去掉开头的问号
   let qs = location.search.length >0 ? location.search.substring(1) : "";
  //获取每一项
  let items = qs.length ? qs.split("&") : [];
  let key = null, value = null;
  for (let i = 0; i< items.length; i++) {key = decodeURIComponent(items[i].split("=")[0]);
    value = decodeURIComponent(items[i].split("=")[1]);
    if (key==argu) return value
  }
}
//调用函数
getQueryStr("name")  //玛雅文明

你是否还在寻找稳定的海外服务器提供商?创新互联www.cdcxhl.cn海外机房具备T级流量清洗系统配攻击溯源,准确流量调度确保服务器高可用性,企业级服务器适合批量采购,新人活动首月15元起,快前往官网查看详情吧


本文标题:js获取网址中的字符串参数-创新互联
本文网址:http://chengdu.cdxwcx.cn/article/icisd.html