Javascript URI 解析介紹
更新時間：2015年03月15日 09:50:41 投稿：junjie
這篇文章主要介紹了Javascript URI 解析介紹,本文直接給出代碼示例,需要的朋友可以參考下
解析URI是一個有意思的東西，之前沒有意識到，原來這東西也可以這么復雜。
URI
在維基百科中對于URI的解釋是這樣子的:
復制代碼 代碼如下:
在計算機術(shù)語中，統(tǒng)一資源標識符（Uniform Resource Identifier，或URI)是一個用于標識某一互聯(lián)網(wǎng)資源名稱的字符串。 該種標識允許用戶對網(wǎng)絡(luò)中（一般指萬維網(wǎng)）的資源通過特定的協(xié)議進行交互操作。URI由包括確定語法和相關(guān)協(xié)議的方案所定義。
引自網(wǎng)絡(luò)上對于URI組成的解釋，而這些可以在稍后對于URI的解析中看出來。
URI一般由三部分組成：
1.訪問資源的命名機制。
2.存放資源的主機名。
3.資源自身的名稱，由路徑表示。
或者可以說是這樣子，兩者看上去是一致的。
URL的格式由下列三部分組成：
1.協(xié)議（或稱為服務(wù)方式）
2.存有該資源的主機IP地址（有時也包括端口號）
3.主機資源的具體地址。，如目錄和文件名等
URI解析
復制代碼 代碼如下:
“解析”一個URI意味著將一個相對URI引用轉(zhuǎn)換為絕對形式，或者通過嘗試獲取一個可解引URI或一個URI引用所代表的資源來解引用這個URI。文檔處理軟件的“解析”部分通常同時提供這兩種功能。
Javascript URI解析
簡單地以博客中的搜索JS為例，下面就是其的URL，
http://m.fzitv.net/search/?q=js&type=
然后便有了
復制代碼 代碼如下:
var parser = document.createElement('a');
parser.href = "http://m.fzitv.net/search/?q=js&type="
我們便可以知道其的協(xié)議、端口號、主機、具體地址等
復制代碼 代碼如下:
parser.protocol;
parser.host;
parser.pathname;
parser.search;
返回的結(jié)果便是
復制代碼 代碼如下:
protocol:http
host:m.fzitv.net
pathname:/search/
search:?q=js&type=
上面的結(jié)果加出來，便是一個完整的URI。只是對于parser.search這部分不是很理解，對于?號而言，應(yīng)該是參數(shù)，用于搜索的參數(shù)。
如果是對就于一個郵件的URI來說，假設(shè)URI是
復制代碼 代碼如下:
mailto:h@jb51.net?subject=hello
那么
復制代碼 代碼如下:
var parser = document.createElement('a');
parser.href = "mailto:h@jb51.net?subject=hello";
> parser.protocol
"mailto:"
> parser.pathname
"h@jb51.net"
> parser.search
"?subject=hello"
相關(guān)文章
JavaScript實現(xiàn)的搜索及高亮顯示功能示例
這篇文章主要介紹了JavaScript實現(xiàn)的搜索及高亮顯示功能,涉及javascript字符遍歷與頁面元素屬性相關(guān)操作技巧,需要的朋友可以參考下2017-08-08
這篇文章主要為大家詳細介紹了javascript實現(xiàn)計算器功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-03-03
這篇文章介紹了判定是否原生方法的JS代碼，有需要的朋友可以參考一下2013-11-11
Electron實現(xiàn)應(yīng)用打包、自動升級過程解析
這篇文章主要介紹了Electron實現(xiàn)應(yīng)用打包、自動升級過程解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-07-07
npm script和package-lock.json使用示例詳解
這篇文章主要為大家介紹了npm script和package-lock.json使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-02-02
C#中TrimStart,TrimEnd,Trim在javascript上的實現(xiàn)
今天在后臺寫了個類,后來才發(fā)現(xiàn),需要在JS上做..于是把代碼拷到j(luò)s上進行修改,代碼中用到TrimStart,TrimEnd,Trim等方法,在網(wǎng)上找半天竟然沒找到.要么就只能清除空格的!2011-01-01
JS使用setInterval實現(xiàn)的簡單計時器功能示例
這篇文章主要介紹了JS使用setInterval實現(xiàn)的簡單計時器功能,涉及javascript基于setInterval的定時觸發(fā)與數(shù)值運算相關(guān)操作技巧,需要的朋友可以參考下2018-04-04
javascript cookie解碼函數(shù)（兼容ff）
javascript cookie解碼函數(shù)2008-03-03
下面小編就為大家?guī)硪黄昝澜鉀Qjs傳遞參數(shù)中加號和&號自動改變的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
JS如何實現(xiàn)網(wǎng)站中PC端和手機端自動識別并跳轉(zhuǎn)對應(yīng)的代碼
這篇文章主要介紹了JS如何實現(xiàn)網(wǎng)站中PC端和手機端自動識別并跳轉(zhuǎn)對應(yīng)的代碼，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-01-01