html 空鏈接 href=“#"與href="javascript:void(0)”的區(qū)別

字號:


    注意是跳動到了頁首的區(qū)別,最好用void(0) 用戶體驗好點。
    #包含了一個位置信息,默認的錨是#top 也就是網(wǎng)頁的上端,而javascript:void(0) 僅僅表示一個死鏈接,這就是為什么有的時候頁面很長瀏覽鏈接明明是#但跳動到了頁首,而javascript:void(0) 則不是如此,所以調(diào)用腳本的時候最好用void(0)
    你可使用如下例子來測試一下:
    代碼如下:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title></title>
    </head>
    <body>
    這里是頁首.....
    <p>
    &nbsp;</p>
    <p>
    1</p>
    <p>
    1</p>
    <p>
    1</p>
    <p>
    1</p>
    <p>
    1</p>
    <p>
    1</p>
    <p>
    1</p>
    <p>
    1</p>
    <p>
    1</p>
    <p>
    1</p>
    <p>
    1</p>
    <p>
    1</p>
    <p>
    1</p>
    <p>
    1</p>
    <p>
    1</p>
    <p>
    1</p>
    <p>
    1</p>
    <p>
    1</p>
    <p>
    1</p>
    <p>
    1</p>
    <p>
    1</p>
    <p>
    1</p>
    <p>
    1</p>
    <p>
    1</p>
    <p>
    1</p>
    <p>
    1</p>
    <p>
    1</p>
    <p>
    1</p>
    <p>
    1</p>
    <p>
    1</p>
    <p>
    1</p>
    <p>
    1</p>
    <a href="#">這是會跳到頁首的</a>
    <a href="javascript:void(0)">這個不會跳動</a>
    </body>
    </html>