利用location或a标签解析URL字符串

1.如果url是直接获取地址栏上的，则可以直接使用location对象解析

function geturlresult (){
  var res ={
    hostname: window.location.host,
    parameter: {},
    pathname:  window.location.pathname,
    port:  window.location.port,
    protocol: window.location.protocol
  }
  if(window.location.search){
    var paramstr = window.location.search;
    var arr =paramstr.split("?");
    if(arr.length){
      var paramarr = arr[1].split("&");
      var obj ={};
      paramarr.map(item=>{
        var itemarr = item.split("=");
       obj[itemarr[0]]=itemarr[1];
      })
      res.parameter=obj;
    }
  }
  return res;
}

geturlresult();

2.如果url是接口返回的，那么就用不了location，可以直接利用a标签以及正则表达式实现。

function parseURL(url) {
 var a =  document.createElement('a');
 a.href = url;
 return {
 source: url,
 protocol: a.protocol.replace(':',''),
 host: a.hostname,
 port: a.port,
 query: a.search,
 params: (function(){
     var ret = {},
         seg = a.search.replace(/^\?/,'').split('&'),
         len = seg.length, i = 0, s;
     for (;i<len;i++) {
         if (!seg[i]) { continue; }
         s = seg[i].split('=');
         ret[s[0]] = s[1];
     }
     return ret;
 })(),
 file: (a.pathname.match(/\/([^\/?#]+)$/i) || [,''])[1],
 hash: a.hash.replace('#',''),
 path: a.pathname.replace(/^([^\/])/,'/$1'),
 relative: (a.href.match(/tps?:\/\/[^\/]+(.+)/) || [,''])[1],
 segments: a.pathname.replace(/^\//,'').split('/')
 };
}

parseURL("http://localhost:3000/search?a=2&b=3")