La différence entre le lien vide HTML href='#' et href='javascript:void(0)'-tutoriel HTML-php.cn

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

不言

Libérer： 2018-05-08 14:47:48

original

2289 Les gens l'ont consulté

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>

Copier après la connexion

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!