JS通用的解析URL方法

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("https://www.baidu.com/s?wd=Kerkee&rsv_spt=1&rsv_iqid=0xd467cc9900022483&issp=1&f=8&rsv_bp=0&rsv_idx=2&ie=utf-8&tn=baiduhome_pg&rsv_enter=1&rsv_sug3=2&rsv_sug1=1&rsv_sug7=001&rsv_n=2")

 结果:

{
	"source" : "https://www.baidu.com/s?wd=Kerkee&rsv_spt=1&rsv_iqid=0xd467cc9900022483&iss…f-8&tn=baiduhome_pg&rsv_enter=1&rsv_sug3=2&rsv_sug1=1&rsv_sug7=001&rsv_n=2",
	"protocol" : "https",
	"host" : "www.baidu.com",
	"port" : "",
	"query" : "?wd=Kerkee&rsv_spt=1&rsv_iqid=0xd467cc9900022483&issp=1&f=8&rsv_bp=0&rsv_idx=2&ie=utf-8&tn=baiduhome_pg&rsv_enter=1&rsv_sug3=2&rsv_sug1=1&rsv_sug7=001&rsv_n=2",
	"params" : {
		"wd" : "Kerkee",
		"rsv_spt" : "1",
		"rsv_iqid" : "0xd467cc9900022483",
		"issp" : "1",
		"f" : "8",
		"rsv_bp" : "0",
		"rsv_idx" : "2",
		"ie" : "utf-8",
		"tn" : "baiduhome_pg",
		"rsv_enter" : "1",
		"rsv_sug3" : "2",
		"rsv_sug1" : "1",
		"rsv_sug7" : "001",
		"rsv_n" : "2"
	},
	"file" : "s",
	"hash" : "",
	"path" : "/s",
	"relative" : "/s?wd=Kerkee&rsv_spt=1&rsv_iqid=0xd467cc9900022483&issp=1&f=8&rsv_bp=0&rsv_idx=2&ie=utf-8&tn=baiduhome_pg&rsv_enter=1&rsv_sug3=2&rsv_sug1=1&rsv_sug7=001&rsv_n=2",
	"segments" : ["s"]
}

 

转载于:https://my.oschina.net/daoxiaozhang/blog/813447

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值