利用a標簽自動解析URL分析網(wǎng)址實例
更新時間：2014年10月20日 16:03:04 投稿：whsnow
a標簽也和window.location一樣，也有這樣屬性，因此可以利用它來分析網(wǎng)址，下面的實例代碼，大家可以看看
對于window.location，我們比較熟悉，它有protocol，hostname，host，port，search，hash，href，pathname等屬性，a標簽也和window.location一樣，也有這樣屬性，這樣可以方便我們分析網(wǎng)址，閑話少說，上代碼。
function parseURL(url) {
var a = document.createElement('a');
a.href = url;
return {
source: url,
protocol: a.protocol.replace(':',''),
host: a.hostname,
port: a.port||'80',
query: a.search,
params: (function(){
var ret = {},
seg = a.search.replace(/^\?/,'').split('&'),
len = seg.length, i = 0, s;
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('/')
};
}
測試地址
console.log(parseURL("http://www.w3school.com.cn/jsref/dom_obj_anchor.asp?type=2#id2"));
結果如下
復制代碼 代碼如下:
{
file: "dom_obj_anchor.asp",
hash: "id2",
host: "www.w3school.com.cn",
params: {type: "2"},
path: "/jsref/dom_obj_anchor.asp",
port: "80",
protocol: "http",
query: "?type=2",
relative: "/jsref/dom_obj_anchor.asp?type=2#id2",
segments: [0: "jsref",1: "dom_obj_anchor.asp"],
source: http://www.w3school.com.cn/jsref/dom_obj_anchor.asp?type=2#id2
}
相關文章
這篇文章主要介紹了CocosCreator的網(wǎng)絡通信,內(nèi)容不多，涉及到的細節(jié)，讀者可以根據(jù)實際情況，自己去延申2021-04-04
layui添加動態(tài)菜單與選項卡 AJAX請求的例子
今天小編就為大家分享一篇layui添加動態(tài)菜單與選項卡 AJAX請求的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要介紹了js文字橫向滾動特效，實現(xiàn)過程很簡單，文字在某塊區(qū)域內(nèi)橫向無間隙滾動，感興趣的小伙伴們可以參考一下2015-11-11
圖片旋轉(zhuǎn)、鼠標滾輪縮放、鏡像、切換圖片js代碼
這篇文章主要為大家介紹了圖片旋轉(zhuǎn)、鼠標滾輪縮放、鏡像、切換圖片js代碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-01-01
JavaScript禁止右擊保存圖片,禁止拖拽圖片的實現(xiàn)代碼
這篇文章主要介紹了JavaScript禁止右擊保存圖片,禁止拖拽圖片的實現(xiàn)代碼,代碼簡單易懂，非常不錯，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-04-04
解決Babylon.js中AudioContext was not allowed&nbs
這篇文章主要介紹了解決Babylon.js中AudioContext was not allowed to start異常問題方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-04-04
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)大圖輪播效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
使用JavaScript為Kindeditor自定義按鈕增加Audio標簽
這篇文章主要介紹了使用JavaScript為Kindeditor自定義按鈕增加Audio標簽的方法,KindEditor是一套開源的HTML可視化編輯器,需要的朋友可以參考下2016-03-03
這篇文章主要介紹了超酷的照片墻展示效果圖附源碼下載的相關資料,需要的朋友可以參考下2015-10-10
js replace(a,b)之替換字符串中所有指定字符的方法
下面小編就為大家?guī)硪黄猨s replace(a,b)之替換字符串中所有指定字符的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08