Maison  >  Article  >  interface Web  >  La différence entre le lien vide HTML href="#" et href="javascript:void(0)"

La différence entre le lien vide HTML href="#" et href="javascript:void(0)"

不言
不言original
2018-05-08 14:47:482271parcourir

Notez que la différence est qu'il saute en haut de la page. Il est préférable d'utiliser void(0) pour une meilleure expérience utilisateur.

#Contient une information de localisation
L'ancre par défaut est #top, qui est le haut de la page Web
Et javascript:void(0) ne représente qu'un lien mort
C'est pourquoi parfois La page est très longue et le lien de navigation est évidemment # mais il saute en haut de la page
Mais javascript:void(0) n'est pas le cas
il est donc préférable d'utiliser void(0) quand appeler le script
Vous pouvez utiliser l'exemple suivant Testez-le :
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>

Astuce : Vous pouvez modifier une partie du code avant d'exécuter


Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn