關于地址欄url的一些小結

BenCHou 發布于2019-08-02 15:59 / 2211人閱讀

摘要：獲取整個地址欄地址獲取整個地址欄地址以上代碼就是獲取整個地址獲取協議部分獲取協議部分如果為，則就是獲取主機部分獲取主機部分帶端口號如果為，或者地址為則為如果有端口號，端口號也是要帶上的獲取主機部分不帶端口號地址為則為獲取端口號獲取端口號地址

1.獲取整個地址欄地址

 //獲取整個地址欄地址
     var href = window.location.href;
     console.log(href);

以上代碼就是獲取整個url地址

2.獲取url協議部分

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

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

3.獲取主機部分

  //獲取主機部分（帶端口號）
    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如果有端口號，端口號也是要帶上的

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

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

4.獲取端口號

  //獲取端口號
    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，也就是主機部分后面到參數部分前面的就是pathname

6.獲取url參數部分

//參數部分
    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.獲取錨點

  //獲取錨點
    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

GPU云服務器云服務器地址欄URL IE地址欄的秘密地址欄地址欄語句

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

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

關于地址欄url的一些小結

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

whidy 2019-08-21 17:50 評論0 收藏0
前端面試題小結

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

fuchenxuan 2019-08-23 15:43 評論0 收藏0
前端面試題小結

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

silenceboy 2019-08-30 15:56 評論0 收藏0
前端面試題小結

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

wangtdgoodluck 2019-08-02 14:27 評論0 收藏0
面試寶典

摘要：有談談面試與面試題對于前端面試的一些看法。動態規劃算法的思想及實現方法幫大家理清動態規劃的解決思路以及原理方法前端經典面試題從輸入到頁面加載發生了什么這是一篇開發的科普類文章，涉及到優化等多個方面。極客學院前端練習題道練習題，面試季練練手。由數據綁定和排序引入的幾個 JavaScript 知識點在 JavaScript 的數據綁定和做簡單的表格排序中遇到的幾個知識點 [[JS 基礎...

neu 2019-08-29 14:00 評論0 收藏0