Der Unterschied zwischen HTML-Leerlink href='#' und href='javascript:void(0)'-HTML-Tutorial-php.cn

Der Unterschied zwischen HTML-Leerlink href='#' und href='javascript:void(0)'

不言

Freigeben： 2018-05-08 14:47:48

Original

2289 Leute haben es durchsucht

Beachten Sie, dass der Unterschied darin besteht, dass zum Anfang der Seite gesprungen wird. Für eine bessere Benutzererfahrung ist es besser, void(0) zu verwenden.

#Enthält Standortinformationen
Der Standardanker ist #top, also der obere Rand der Webseite
Und javascript:void(0) stellt nur einen toten Link dar
Aus diesem Grund Manchmal ist die Seite sehr lang und der Browser-Link ist offensichtlich #, aber er springt zum Anfang der Seite
Aber javascript:void(0) ist nicht der Fall
daher ist es am besten, void(0) zu verwenden, wenn Aufrufen des Skripts
Sie können das folgende Beispiel verwenden. Testen Sie es:
Code

<!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> 
 </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>

Nach dem Login kopieren

Tipp: Sie können einen Teil des Codes ändern, bevor Sie

Das obige ist der detaillierte Inhalt vonDer Unterschied zwischen HTML-Leerlink href='#' und href='javascript:void(0)'. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!