明輝手游網(wǎng)中心：是一個免費提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺！

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

發(fā)表時間：2023-09-11 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：

[摘要]注意是跳動到了頁首的區(qū)別，最好用void(0) 用戶體驗好點。#包含了一個位置信息 默認的錨是#top 也就是網(wǎng)頁的上端 而javascript:void(0) 僅僅表示一個死鏈接 這就是為什么有的時候頁面很長瀏覽鏈接明明是#但跳動到了頁首 而javascript:void(0) 則不是如此 所以...
注意是跳動到了頁首的區(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>

提示：您可以先修改部分代碼再運行


以上就是html 空鏈接 href="#"與href="javascript:void(0)"的區(qū)別的詳細內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！


網(wǎng)站建設(shè)是一個廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護的網(wǎng)站。