獲取地址欄url以及url參數(shù)

ky0ncheng 發(fā)布于2019-08-20 18:56 / 2709人閱讀

摘要：我們可以用獲得其中的各個部分以為例整個字符串在瀏覽器中就是完整的地址欄的協(xié)議部分本例返回值的主機(jī)部分本例返回值的端口部分如果采用默認(rèn)的端口即使添加了，那么返回值并不是默認(rèn)的而是空字符本例返回值的路徑部分就是文件地址本例返回值查詢參數(shù)部分除了

我們可以用javascript獲得其中的各個部分
以 http://tieba.baidu.com/f/index/forumpark?pcn=%E7%94%B5%E5%BD%B1&pci=0&ct=1&rn=20&pn=1#aaaa 為例

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

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

3,window.location.host
URL 的主機(jī)部分
本例返回值:tieba.baidu.com

4,window.location.port
URL 的端口部分
如果采用默認(rèn)的80端口(update:即使添加了:80)，那么返回值并不是默認(rèn)的80而是空字符
本例返回值:""

5,window.location.pathname
URL 的路徑部分(就是文件地址)
本例返回值:/f/index/forumpark

6,window.location.search
查詢(參數(shù))部分
除了給動態(tài)語言賦值以外，我們同樣可以給靜態(tài)頁面,并使用JavaScript來獲得相信應(yīng)的參數(shù)值
本例返回值:?pcn=電影&pci=0&ct=1&rn=20&pn=1

7,window.location.hash
錨點(diǎn)
本例返回值:#aaaa

云服務(wù)器 GPU云服務(wù)器地址欄URL url參數(shù) url參數(shù)亂碼 url參數(shù)值

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/84907.html

相關(guān)文章

js 地址的封裝以及地址欄的參數(shù)獲取

摘要：例如傳入字符串，數(shù)組，返回索引傳入對象，返回對象的好了了解了下面我們就可以進(jìn)行地址與對象的拼接了地址與對象拼接的代碼地址的參數(shù)取值代碼第一種方法傳統(tǒng)字符串轉(zhuǎn)對象第二種方法正則調(diào)用方法有時候我們封裝一個ajax的get的方法需要把對象拼接到地址上面，這里我介紹一個Object.keys，這是一個非常好用對象屬性。例如說 const url = http://127.0.0.1:4000...

firim 2019-08-21 11:29 評論0 收藏0
關(guān)于地址欄url的一些小結(jié)

摘要：獲取整個地址欄地址獲取整個地址欄地址以上代碼就是獲取整個地址獲取協(xié)議部分獲取協(xié)議部分如果為，則就是獲取主機(jī)部分獲取主機(jī)部分帶端口號如果為，或者地址為則為如果有端口號，端口號也是要帶上的獲取主機(jī)部分不帶端口號地址為則為獲取端口號獲取端口號地址 1.獲取整個地址欄地址 //獲取整個地址欄地址 var href = window.location.href; conso...

BenCHou 2019-08-02 15:59 評論0 收藏0
關(guān)于地址欄url的一些小結(jié)

摘要：獲取整個地址欄地址獲取整個地址欄地址以上代碼就是獲取整個地址獲取協(xié)議部分獲取協(xié)議部分如果為，則就是獲取主機(jī)部分獲取主機(jī)部分帶端口號如果為，或者地址為則為如果有端口號，端口號也是要帶上的獲取主機(jī)部分不帶端口號地址為則為獲取端口號獲取端口號地址 1.獲取整個地址欄地址 //獲取整個地址欄地址 var href = window.location.href; conso...

whidy 2019-08-21 17:50 評論0 收藏0
history和hash，vue-router

摘要：另外該事件只針對同一個文檔，如果瀏覽歷史的切換，導(dǎo)致加載不同的文檔，該事件不會被觸發(fā)使用的時候，可以為事件指定回調(diào)函數(shù)或者回調(diào)函數(shù)的參數(shù)是一個事件對象，它的屬性指向和方法為當(dāng)前所提供的狀態(tài)對象即這兩個方法的第一個參數(shù)。 history window.history(可直接寫成history)指向History對象，它表示當(dāng)前窗口的瀏覽歷史。History對象保存了當(dāng)前窗口訪問過的所有頁...

godiscoder 2019-08-23 18:07 評論0 收藏0
封裝一個方法：把URL參數(shù)解析為一個對象，來獲取地址欄url里面的傳遞的參數(shù)。

URL參數(shù)解析 //獲取url方法 //window.location.href // function getUrlkey(url){ var params = {}, arr = url.split(?); if (arr.length

lolomaco 2019-08-20 18:15 評論0 收藏0