亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

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

BenCHou / 2285人閱讀

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

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

以上代碼就是獲取整個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ī)部分（帶端口號）
    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如果有端口號，端口號也是要帶上的

  //獲取主機(jī)部分（不帶端口號）
    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，也就是主機(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

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

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

相關(guān)文章

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

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

    whidy 評論0 收藏0

  • 前端面試題小結(jié)

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

    fuchenxuan 評論0 收藏0

  • 前端面試題小結(jié)

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

    silenceboy 評論0 收藏0

  • 前端面試題小結(jié)

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

    wangtdgoodluck 評論0 收藏0

  • 面試寶典

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

    neu 評論0 收藏0

發(fā)表評論

0條評論

BenCHou

男|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<