一個非常全面的javascript URL解析函數和分段URL解析方法_javascript技巧

碼🎜>; 
/**
*@param {string} url 完整的URL位址
*@returns {object} 自訂的物件
*@description 用法範例：var myURL = parseURL('http://abc.com: 8080/dir/index.html?id=255&m=hello#top');

myURL.file='index.html'

myURL.hash= 'top'

myURL.host= 'abc.com'

myURL.query= '?id=255&m=hello'

myURL.params= Object = { id: 255, m: hello }

myURL.path= '/dir/index.html'

myURL.path= '/dir/index.html'

myURL.segments= Array = ['dir', 'index.html']

myURL.port= '8080'

myURL.protocol= 'http'

myURL.source= 'http://abc.com:8080/dir/index.html?id=255&m=hello#top'

*/ 
function parseURL(url) { 
 var a =  document.createElement('a'); 
 a.href
 return { 
 來源：url， 
 協定：a.protocol.replace(':','')， 
 主機：a.hostname， 
 連接埠：🎜> 主機：a.hostname， 
 連接埠：a.port， 🎜> 查詢：a.search， 
 參數：(function(){ 
     var ret = {}, 
      &'), 
         len = seg.length, i = 0, s; 
     for (;i         if (!seg[i]) { continue } 
s = seg[i].split('='); 
         ret[s[0]] = s[1]; 
     } 
 檔案: (a.pathname.match(//([^/?#] )$/i) || [,''])[1], 
哈希: a.hash.replace('#' ,''), 
 路徑：a.pathname.replace(/^([^/])/,'/$1')， 
 相對：(a.href.match(/tps?:// [^/] (. )/) || [,''])[1], 
 段：a.pathname.replace(/^//,'').split('/') 
}; 
}   

//var myURL = parseURL('http://abc.com:8080/dir/index.html?id=255&m=hello#top');