获取网址后携带的参数

深藏阁楼爱情的钟 2021-12-20 11:07 260阅读 0赞

一、获取单个参数

//例如：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.csdn.net/xiaoxiong\_jiaxin/article/details/84317949][https_blog.csdn.net_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

[https_blog.csdn.net_xiaoxiong_jiaxin_article_details_84317949]: https://blog.csdn.net/xiaoxiong_jiaxin/article/details/84317949