首頁 > 文章 > web前端 > 詳細介紹html中空連結href="#"與href="javascript:void(0)"的差別

詳細介紹html中空連結href="#"與href="javascript:void(0)"的差別

黄舟原創: 2017-05-27 14:43:251860瀏覽

#包含了一個位置資訊
預設的錨是#top 也就是網頁的上端
而javascript:void(0) 僅僅表示一個死鏈接
這就是為什麼有的時候頁面很長瀏覽連結明明是#但跳動到了頁首
而javascript:void(0) 則不是如此
所以呼叫腳本的時候最好用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> 
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
</head> 
<body> 
这里是页首..... 
<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> 
<p> 
1</p> 
<a href="#">这是会跳到页首的</a>
<a href="javascript:void(0)">这个不会跳动</a> 
</body> 
</html>

以上是詳細介紹html中空連結href="#"與href="javascript:void(0)"的差別的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：html網頁中實作logo.ico的詳細介紹下一篇：html網頁中實作logo.ico的詳細介紹

看更多