淺談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ù)已經(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中的OffsetParent屬性進(jìn)行了詳細(xì)的介紹，需要的朋友可以過來參考下，希望對大家有所 幫助2014-01-01
最近在做一個列表的時候，涉及到時間格式化操作。本文主要介紹了微信小程序wxs日期時間處理的實現(xiàn)示例，分享給大家，感興趣的可以了解一下2021-07-07
這篇文章主要介紹了LayUI—tree樹形結(jié)構(gòu)的使用，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
Firefox+FireBug使JQuery的學(xué)習(xí)更加輕松愉快
FireBug是FireFox下最強(qiáng)大的調(diào)試插件.利用它，可以讓JQuery的學(xué)習(xí)過程更加輕松愉快.2010-01-01
這篇文章主要介紹了js替換字符串中指定位置的字符，本文通過兩種方法實例代碼相結(jié)合給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-05-05
JS無限極樹形菜單,json格式、數(shù)組格式通用示例
本文為大家介紹下JS無級樹形菜單的實現(xiàn)，修改了一下數(shù)據(jù)格式，是json和數(shù)組或者混合型的數(shù)據(jù)都通用，不用特定key等，想學(xué)習(xí)的朋友可以參考下2013-07-07
這篇文章主要介紹了js形成頁面的一種遮罩效果實例代碼，有需要的朋友可以參考一下2014-01-01
這篇文章主要介紹了JS實現(xiàn)倒計時效果動態(tài)顯示倒計時功能，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值,需要的朋友可以參考下2019-12-12
jQuery和JavaScript節(jié)點插入元素的方法對比
本文主要介紹jQuery與JavaScript節(jié)點的插入方法，以及他們的具體代碼實現(xiàn)方法，大家可以對比下他們之間的不同，希望對大家編寫代碼有所幫助2016-11-11
這篇文章主要介紹了JS設(shè)計模式之訪問者模式定義與用法,結(jié)合實例形式分析了javascript設(shè)計模式中訪問者模式的概念、功能、應(yīng)用場景及使用方法,需要的朋友可以參考下2018-02-02