URL里面攜帶了#是什么意思

1 問題

有一個鏈接里面包含了#，格式是這樣的

https://域名/#***

然后進行訪問的時候，用Fiddler抓包鏈接分析，發(fā)現(xiàn)鏈接只有下面的了

https://域名/

覺得很奇怪，為什么#后面的參數(shù)啥的都沒有了呢？還以為這里有問題，想不通。
 

 
2 鏈接里面有#是什么意思

#代表網(wǎng)頁中的一個位置，就是該位置的標識符

一、網(wǎng)頁位置指定標識符，有兩個方法

1）是使用錨點，比如<a name="chenyu1"></a>

2 ) 使用id屬性，比如<div id="chenyu" ></div>

二、http請求不包含#

#是用來指導瀏覽器動作的，對服務(wù)器端完全無用。所以HTTP請求中不包括#，比如我們鏈接里面攜帶#，#后面的鏈接內(nèi)容是不會攜帶給服務(wù)器的。

 

 
3 本地測試鏈接里面攜帶#

我們先本地寫個test.html文件，內(nèi)容如下

    <html>
        <head>
        <style>
            .div-height{border:1px solid #F00; width:1000px; height:300px}
        </style>
        </head>
        <body>
            <div id="div1" class="div-height" >chenyu1</div>
            <div id="div2" class="div-height" >chenyu2</div>
            <div id="div3" class="div-height" >chenyu3</div>
            <div id="div4" class="div-height" >chenyu4</div>
            <div id="div5" class="div-height" >chenyu5</div>
        </body>
    </html>

我們用瀏覽器訪問下看下效果，瀏覽器輸出的地址是：file:///D:/tv/test.html

接下來我們測試攜帶#的鏈接，比如file:///D:/tv/test.html#div3

很明顯，跳到了div3, 沒毛病。
 

 






作者：chen.yu
深信服三年半工作經(jīng)驗，目前就職游戲廠商，希望能和大家交流和學習,
微信公眾號：編程入門到禿頭 或掃描下面二維碼
零基礎(chǔ)入門進階人工智能(鏈接)