淺談js的url解析函數(shù)封裝
更新時間:2016年06月28日 11:20:21 投稿:jingxian
下面小編就為大家?guī)硪黄獪\談js的url解析函數(shù)封裝。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
在實際開發(fā)中,有些通過get方式與后臺交換數(shù)據(jù)的時候,需要用到的數(shù)據(jù)在url中,因此就需要我們來獲取到url中有用的信息,下面封裝的函數(shù)已經可以將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('/') }; }
該函數(shù)的用法如下:
var myURL = parseURL(window.location.href); //通過parseURL函數(shù)來解析當前頁面的url;window.location.href可替換成任意要解析的url,如果直接寫其他的url,格式應該字符串; var search_obj = myURL.params; //該解析方式是將search的內容解析為對象,方便進行數(shù)據(jù)的調用;其他方法可以自行嘗試; var url_post = myURL.post; //當前頁面的端口號;
以上就是小編為大家?guī)淼臏\談js的url解析函數(shù)封裝全部內容了,希望大家多多支持腳本之家~
相關文章
js操作Xml(向服務器發(fā)送Xml,處理服務器返回的Xml)(IE下有效)
js操作Xml(向服務器發(fā)送Xml,處理服務器返回的Xml)(暫只IE下有效)2009-01-01JavaScript實現(xiàn)的原生態(tài)兼容IE6可調可控滾動文字功能詳解
這篇文章主要介紹了JavaScript實現(xiàn)的原生態(tài)兼容IE6可調可控滾動文字功能,簡單說明了文字滾動的實現(xiàn)原理并結合具體實例形式給出了javascript文字滾動功能的具體實現(xiàn)代碼,需要的朋友可以參考下2017-09-09