獲取地址欄url以及url參數

ky0ncheng 發布于2019-08-20 18:56 / 2689人閱讀

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

我們可以用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 的協議部分
本例返回值:http:

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

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

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

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

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

云服務器 GPU云服務器地址欄URL url參數 url參數亂碼 url參數值

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/84907.html

js 地址的封裝以及地址欄的參數獲取

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

firim 2019-08-21 11:29 評論0 收藏0
關于地址欄url的一些小結

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

BenCHou 2019-08-02 15:59 評論0 收藏0
關于地址欄url的一些小結

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

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

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

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

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

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