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

