淺談js的url解析函數封裝

在實際開發中，有些通過get方式與後台交換數據的時候，需要用到的數據在url中，因此就需要我們來獲取到url中有用的信息，下面封裝的函數已經可以將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; //len = 2 alert(a.search) 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('/') }; }

該函數的用法如下：

 var myURL = parseURL(window.location.href); //通過parseURL函數來解析當前頁面的url；window.location.href可替換成任意要解析的url，如果直接寫其他的url，格式應該字符串；var search_obj = myURL.params;  //該解析方式是將search的內容解析為對象，方便進行數據的調用；其他方法可以自行嘗試；var url_post = myURL.post;  //當前頁面的端口號；

以上就是小編為大家帶來的淺談js的url解析函數封裝全部內容了，希望大家多多支持武林網~