获取网址后携带的参数

最新推荐文章于 2025-05-09 14:32:26 发布

杨葱儿

最新推荐文章于 2025-05-09 14:32:26 发布

阅读量2.4k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： Function

本文链接：https://blog.youkuaiyun.com/weixin_44285250/article/details/94005021

Function 专栏收录该内容

41 篇文章

订阅专栏

一、获取单个参数

//例如：http://127.0.0.1:8020/007/homepage.html?userid=1922889

//获取地址栏后的参数方法
function _get(name){     
	var  reg = new  RegExp("(^|&)" + name + "=([^&]*)(&|$)");     
	var  r = window.location.search.substr(1).match(reg);     
	if(r != null){
		return   unescape(r[2]);
	}else{
		return  "";
	}
};

//使用
var id = _get('userid ');

二、获取多个参数

转载链接：https://blog.youkuaiyun.com/xiaoxiong_jiaxin/article/details/84317949

function getUrlSearch(name) {
  // 未传参，返回空
  if (!name) return null;
  // 查询参数：先通过search取值，如果取不到就通过hash来取
  var after = window.location.search;
  after = after.substr(1) || window.location.hash.split('?')[1];
  // 地址栏URL没有查询参数，返回空
  if (!after) return null;
  // 如果查询参数中没有"name"，返回空
  if (after.indexOf(name) === -1) return null;
 
  var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)');
  // 当地址栏参数存在中文时，需要解码，不然会乱码
  var r = decodeURI(after).match(reg);
  // 如果url中"name"没有值，返回空
  if (!r) return null;
 
  return r[2];
}
 
// 调用方法
getUrlSearch("参数名");
 
// 举例1:若地址栏URL为：abc.html?id=123&name=池子&url=http://www.baidu.com
console.log('地址栏参数id',getUrlSearch("id"));
console.log('地址栏参数name',getUrlSearch("name"));
console.log('地址栏参数url',getUrlSearch("ursl"));
// 123
// 池子(不解码此处是乱码)
// null
 
 
// 举例2:若地址栏URL为：abc.html
console.log('地址栏参数id',getUrlSearch("id"));
// null