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

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

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

我們可以用javascript獲得其中的各個(gè)部分
以 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
整個(gè)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ù))部分
除了給動(dòng)態(tài)語言賦值以外，我們同樣可以給靜態(tài)頁面,并使用JavaScript來獲得相信應(yīng)的參數(shù)值
本例返回值:?pcn=電影&pci=0&ct=1&rn=20&pn=1

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

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/84907.html

相關(guān)文章

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

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

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

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

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

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

whidy 2019-08-21 17:50 評(píng)論0 收藏0
history和hash，vue-router

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

godiscoder 2019-08-23 18:07 評(píng)論0 收藏0
封裝一個(gè)方法：把URL參數(shù)解析為一個(gè)對(duì)象，來獲取地址欄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 評(píng)論0 收藏0