1. 程式人生 > >JS分段URL解析

JS分段URL解析

URL : 統一資源定位符 (Uniform Resource Locator, URL)

完整的URL由這幾個部分構成:scheme://host:port/path?query#fragment

scheme = 通訊協議 (常用的http,ftp,maito等)
host = 主機 (域名或IP)
port = 埠號
path = 路徑
query = 查詢(可選,用於給動態網頁(如使用CGI、ISAPI、PHP/JSP/ASP/ASP.NET等技術製作的網頁)傳遞引數,可有多個引數,用”&”符號隔開,每個引數的名和值用”=”符號隔開。)
fragment = 資訊片斷(字串,用於指定網路資源中的片斷。例如一個網頁中有多個名詞解釋,可使用fragment直接定位到某一名詞解釋。(也稱為錨點.))
對於這樣一個URL

我們可以用javascript獲得其中的各個部分

1, window.location.href
整個URl字串(在瀏覽器中就是完整的位址列)

2,window.location.protocol
URL 的協議部分
本例返回值:http:

3,window.location.host
URL 的主機部分
本例返回值:www.jb51.net

4,window.location.port
URL 的埠部分
如果採用預設的80埠(update:即使添加了:80),那麼返回值並不是預設的80而是空字元
本例返回值:””

5,window.location.pathname
URL 的路徑部分(就是檔案地址)
本例返回值:/seo/

6,window.location.search
查詢(引數)部分
除了給動態語言賦值以外,我們同樣可以給靜態頁面,並使用javascript來獲得相信應的引數值
本例返回值:?ver=1.0&id=6

7,window.location.hash
錨點
本例返回值:#imhere

相關推薦

JS分段URL解析

URL : 統一資源定位符 (Uniform Resource Locator, URL) 完整的URL由這幾個部分構成:scheme://host:port/path?query#fragment scheme = 通訊協議 (常用的http,ftp,m

COCOS2D - JS 之JSON 解析

ack 構建 padding ott esp for ++ style blog list 類型的json數據 var source = ["10004","1234","4","3","1.5","0.5"] var res= JSON.parse(so

js window事件解析(轉載)

slow disable forward 建立 多選 1.0 參數 小程序 距離 js-window對象的方法和屬性資料 hxpd 發表於 2007-05-08 21:58:18 熟練window對象的open、close、alert、confirm、prompt、setT

js原生offsetParent解析

per watermark fff 怪異 沒有 b2c etl color jsb offsetParent是個僅僅讀屬性,返回近期顯示指定位置的容器元素的引用。假設元素沒有指定位置,近期的元素或者根元素(標準模式下是html,怪異模式下是body)就是offsetPa

Js獲取url傳遞過來的參數

spl == split cookie值 length cti value .html lpar 原理跟取cookie值一樣的 function getParamer(paramer){ var url=window.location.href.split("?")[1

js獲取url參數

動態 www js獲取url參數 協議 瀏覽器 .html ava 而是 type 對於這樣一個URLhttp://www.x2y2.com:80/fisker/post/0703/window.location.html?ver=1.0&id=6#imhere我們

Node.jsURL、QueryString介紹

反序列化 url地址 字符 cap arc format 一個 定位符 成對 URL網址解析 url: 統一資源定位符,字母,數字,文字需編碼uri: 統一資源標識符,字符串格式規範 註:url 是 uri 的子集 url.parse (urlString, bool,

使用js修改url地址參數

function pre 參數 cnblogs color style location cat n) 該方法可以修改url的參數。 例如將   www.baidu.com 修改為   www.baidu.com?name=123 操作為:   window.locat

js獲取url,截取url參數,截取url後文件名

logs ica cati exp 得到 explore test www. html 獲取當前: var url = window.location.href; 百度為例: var url=window.location.href; console.info(ur

js 獲取URL中參數

res 獲取值 參數名稱 var blog null match class query function getQueryString() { var result = location.search.match(new RegExp("[\?\&][^

js 獲取url 中的參數;

實例 pos 瀏覽器中 date toc 整數 調用方法 cap adding 用JS獲取地址欄參數的方法(超級簡單) 方法一:采用正則表達式獲取地址欄參數:( 強烈推薦,既實用又方便!) function GetQueryString(name) {

JSURL字符串進行編碼/解碼分析

rdquo 說明 cbe 字符值 name ide 就會 aca img 雖然escape()、encodeURI()、encodeURIComponent()三種方法都能對一些影響URL完整性的特殊 字符進行過濾。但後兩者是將字符串轉換為UTF-8的方式來傳輸,解決了頁面

js獲取url傳遞參數

-c set turn cape 傳遞參數 regexp location size char 果凍棟吖 <head> <meta charset="UTF-8"> <title></title>

js 通過url獲取裏面的參數值

put oca 當我 一個 != index 兩個 bsp cnblogs 場景描述:當我們從一個頁面要帶有一兩個值跳轉到另一個頁面,另一個頁面要使用這些參數的時候,我們就需要通過js獲取這些參數啦。 先貼上代碼: function getQueryString(name

js判斷url換主域名進行鏈接跳轉

index code str style pre log sta spa www. //跳轉代碼 var Url001 = window.location.href; var arrUrl = Url001.split("//"); var st

js獲取url後面的參數

func cat htm subst window arch [0 ear string $(function () { //window.location.search.substring(1) 截取問號之後的字符串 //比如有如下鏈接"./page2.

js獲取URL中指定的值

string 元素 每一個 cati 組元 brush func arc gets function getSearchString(key) { // 獲取URL中?之後的字符 var str = location.search; str = s

JS獲取Url參數的方法

star 簡單 所有 fine ear func () cti amp function UrlSearch() { var name, value; var str = location.href; //取得整個地址欄 var num =

js 獲取url的參數值 一個或多個參數

run -c www cno spl http 獲取url參數 strong ear 以下JS函數用於獲取url參數: 1 function getQueryVariable(variable) 2 { 3 var query = window.loc

js獲取url情況

main arch 字符 ssi dia 鏈接 1.0 註意點 刷新 1, var ljie = window.location.href; //獲取鏈接 eg:http://http://www.abc.com/index.html 2, var barr =