Lorsque vous faites une page, si vous ne voulez rien faire après avoir cliqué sur un lien ou terminer d'autres choses en réponse à cliquer, vous pouvez définir son attribut href = "#", mais il y aura un problème, c'est-à-dire lorsque la page aura Les barres de défilement, après avoir cliqué, il reviendra en haut de la page, qui a une mauvaise expérience utilisateur.
Il existe actuellement plusieurs solutions:
1) Ne faites rien après avoir cliqué sur le lien
La copie de code est la suivante:
<a href = "javascript: void (0);"
<a href = "javascript:;"
<a href = "####"> Test </a> // Utilisez 2 à 4 #, la plupart d'entre eux sont "####", et certains utilisent "#all" et autres
2) Après avoir cliqué sur le lien, répondez à l'événement de clic défini par l'utilisateur
La copie de code est la suivante:
<a href = "JavaScript: void (0)" onclick = "dosomething ()"> test </a>
<a href = "#" onclick = "dosomething (); return false;"> Tous les problèmes ont été résolus, y compris les problèmes d'incompatibilité du navigateur </a> // ou utilisent href = "" directement
<a href = "#" onclick = "alert (); event.returnvalue = false;"> test </a>
illustrer:
1.Javascript: void (0) pseudo-protocol, qui est moins écrit. (Je ne comprends pas, j'ai choisi les mots originaux, et j'en garderai un enregistrement)
2. Utiliser JavaScript: void (0) directement dans IE peut causer des problèmes, tels que: provoquer une animation GIF à arrêter de jouer, etc., donc le moyen le plus sûr est d'utiliser "####". Pour empêcher l'événement OnClick de sauter en haut de la page après avoir cliqué sur le lien, l'événement OnClick peut être retourné faux.
3. Si vous voulez simplement déplacer la souris et la transformer en forme de main, vous pouvez l'utiliser
La copie de code est la suivante:
<span style = "curseur: pointeur" onclick = "foo ()"> cliquez sur moi! </span>
Void est l'opérateur de JavaScript, ce qui signifie: seules les expressions sont exécutées, mais aucune valeur de retour.
Le format d'utilisation de l'opérateur vide est le suivant:
La copie de code est la suivante:
javascript: void (expression)
javascript: expression void
Pour un bon style de programme, il est recommandé d'utiliser le deuxième type avec des supports
Nous pouvons utiliser l'opérateur void pour spécifier un hyperlien, tel que JavaScript: void (document.form.Submit ()). L'expression sera calculée mais ne chargera rien dans le document actuel. est le même que <a href = "javascript: void (1)">.
La clé est de savoir que Void est l'opérateur de Javascipt lui-même, ce qui signifie que seules les expressions sont exécutées mais pas de valeur de retour!
De plus, la page sera automatiquement ajustée en haut car la position de visée par défaut de "#" est en haut, donc cette situation se produit.