關(guān)于地址欄url的一些小結(jié)

BenCHou 發(fā)布于2019-08-02 15:59 / 2222人閱讀

摘要：獲取整個(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;
     console.log(href);

以上代碼就是獲取整個(gè)url地址

2.獲取url協(xié)議部分

 //獲取url協(xié)議部分
     var protocol = window.location.protocol;
     console.log(protocol);

如果url為http://www.baidu.com，則window.location.protocol就是http:

3.獲取主機(jī)部分

  //獲取主機(jī)部分（帶端口號(hào)）
    var host = window.location.host;
    console.log(host);

如果url為http://www.baidu.com/test.htm...，或者url地址為http://192.1.1.1:1111/test/test.html,則window.location.host為192.1.1.1:1111如果有端口號(hào)，端口號(hào)也是要帶上的

  //獲取主機(jī)部分（不帶端口號(hào)）
    var hostname = window.location.hostname;
    console.log(hostname);

url地址為http://192.1.1.1:1111/test/test.html,則hostname為192.1.1.1

4.獲取端口號(hào)

  //獲取端口號(hào)
    var port = window.location.port;
    console.log(port);

url地址為http://192.1.1.1:1111/test/test.html,則window.location.port為1111

5.獲取url部分路徑

//獲取部分路徑
    var pathname = window.location.pathname;
    console.log(pathname);

url地址為http://192.1.1.1:1111/test/test.html?a=1,則window.location.pathname為/test/test.html，也就是主機(jī)部分后面到參數(shù)部分前面的就是pathname

6.獲取url參數(shù)部分

//參數(shù)部分
    var search = window.location.search;
    console.log(search);

url地址為http://192.1.1.1:1111/test/test.html?a=1&b=2,則search值為?a=1&b=2

7.獲取錨點(diǎn)

  //獲取錨點(diǎn)
    var hash = window.location.hash;
    console.log(hash);

url地址為http://192.1.1.1:1111/test/test.html?a=1&b=2#1，則hash為#1

云服務(wù)器 GPU云服務(wù)器地址欄URL IE地址欄的秘密地址欄地址欄語(yǔ)句

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

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

相關(guān)文章

關(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
前端面試題小結(jié)

摘要：如何解決不同終端的適配問(wèn)題彈性盒子，非常不錯(cuò)的選擇的運(yùn)行流程生命周期生命周期優(yōu)化解釋中虛擬存在的好處為什么可以解決跨域問(wèn)題地址欄輸入流程總結(jié)初級(jí)階段是會(huì)用。前幾天也是有人問(wèn)我的一些問(wèn)題，我覺(jué)得還是挺有了解價(jià)值的，也是一些平時(shí)開(kāi)發(fā)可能比較會(huì)忽略的問(wèn)題。別的不多說(shuō)，直接開(kāi)門(mén)見(jiàn)山： 1.post和get的區(qū)別？我們都知道GET和POST是HTTP請(qǐng)求的兩種基本方法。我相信如果有人問(wèn)到你這...

fuchenxuan 2019-08-23 15:43 評(píng)論0 收藏0
前端面試題小結(jié)

摘要：如何解決不同終端的適配問(wèn)題彈性盒子，非常不錯(cuò)的選擇的運(yùn)行流程生命周期生命周期優(yōu)化解釋中虛擬存在的好處為什么可以解決跨域問(wèn)題地址欄輸入流程總結(jié)初級(jí)階段是會(huì)用。前幾天也是有人問(wèn)我的一些問(wèn)題，我覺(jué)得還是挺有了解價(jià)值的，也是一些平時(shí)開(kāi)發(fā)可能比較會(huì)忽略的問(wèn)題。別的不多說(shuō)，直接開(kāi)門(mén)見(jiàn)山： 1.post和get的區(qū)別？我們都知道GET和POST是HTTP請(qǐng)求的兩種基本方法。我相信如果有人問(wèn)到你這...

silenceboy 2019-08-30 15:56 評(píng)論0 收藏0
前端面試題小結(jié)

摘要：如何解決不同終端的適配問(wèn)題彈性盒子，非常不錯(cuò)的選擇的運(yùn)行流程生命周期生命周期優(yōu)化解釋中虛擬存在的好處為什么可以解決跨域問(wèn)題地址欄輸入流程總結(jié)初級(jí)階段是會(huì)用。前幾天也是有人問(wèn)我的一些問(wèn)題，我覺(jué)得還是挺有了解價(jià)值的，也是一些平時(shí)開(kāi)發(fā)可能比較會(huì)忽略的問(wèn)題。別的不多說(shuō)，直接開(kāi)門(mén)見(jiàn)山： 1.post和get的區(qū)別？我們都知道GET和POST是HTTP請(qǐng)求的兩種基本方法。我相信如果有人問(wèn)到你這...

wangtdgoodluck 2019-08-02 14:27 評(píng)論0 收藏0
面試寶典

摘要：有談?wù)劽嬖嚺c面試題對(duì)于前端面試的一些看法。動(dòng)態(tài)規(guī)劃算法的思想及實(shí)現(xiàn)方法幫大家理清動(dòng)態(tài)規(guī)劃的解決思路以及原理方法前端經(jīng)典面試題從輸入到頁(yè)面加載發(fā)生了什么這是一篇開(kāi)發(fā)的科普類(lèi)文章，涉及到優(yōu)化等多個(gè)方面。極客學(xué)院前端練習(xí)題道練習(xí)題，面試季練練手。由數(shù)據(jù)綁定和排序引入的幾個(gè) JavaScript 知識(shí)點(diǎn) 在 JavaScript 的數(shù)據(jù)綁定和做簡(jiǎn)單的表格排序中遇到的幾個(gè)知識(shí)點(diǎn) [[JS 基礎(chǔ)...

neu 2019-08-29 14:00 評(píng)論0 收藏0