Cet article introduit principalement en détail la différence entre le lien vide href = # et href = javascript: void (0) dans html [transfert], qui a une certaine valeur de référence. Les amis intéressés peuvent y faire référence. Les amis dans le besoin peuvent le collecter pour une référence facile à l'avenir.
Dans le langage Web, la méthode d'écriture du lien a est vide est généralement écrite comme href = # ou href = javascript: void (0). Quelle est la différence entre ces deux méthodes d'écriture? Je pense que beaucoup de gens n’y entreront pas, mais les effets de ces deux méthodes d’écriture sont parfois différents. En résumé, il existe plusieurs différences entre ces deux méthodes d'écriture:
L'exemple de code suivant démontre les différences entre 1 et 2 points ci-dessus:
<! doctypehtml> <html> <ead> <métacharset = utf-8> <tight> atag lien vide href = # et href = javaScript: void (0) </title> </ head> <body> <pstyle = height: 1300px; width: 100%; background: #cccc> </p> <pstyle = width: 100%: #cccc> </p> <pstyle = width: 100%; Ajouter: 10px; arrière-plan: # 999999> <href = #> lien vide: href = # </a> <br> <href = javascript: void (0)> vide lien: href = javascript: void (0) </a> </p> <pstyle = height: 100px; largeur: 100%; fond: #cccccc> </p> </ body> </html>
Utilisez # pour localiser l'emplacement spécifique de la page:
<! doctypehtml> <html> <éadfri href = javaScript: void (0) </title> </ head> <body> <pstyle = width: 100%; padding: 10px; arrière-plan: # 999999> <href = # p1> saut </Title> </Ead> <body> <pstyle = width: 100%; padding: 10px; background: # 999999> Position: href = # p1 </a> </p> <pstyle = hauteur: 100px; largeur: 100%; arrière-plan: #cccccc> </p> <pid = p1style = height: 1000px; largeur: 100%; padding: 10px; arrière
Pourquoi utiliser href = "javascript: void (0);", quand est JavaScript: void (0) utilisé?
La signification de href = "javascript: void (0);" est de laisser le lien hypertexte exécuter une fonction JS au lieu de sauter à une adresse, et void (0) représente une méthode vide, c'est-à-dire, n'exécutez pas la fonction JS.
JavaScript: est un pseudo-protocol, indiquant que le contenu de l'URL est exécuté via JavaScript. vide (0) signifie que rien n'est fait, ce qui empêchera le lien de passer à d'autres pages. Cela est souvent fait pour préserver le style du lien, mais ne permettez pas au lien d'effectuer des opérations réelles. La déclaration suivante:
<ahref = javascript: void (0) onClick = window.open ()>
Après avoir cliqué sur le lien, la page ne bouge pas et seul le lien est ouvert. Et la déclaration suivante:
<ahref = # onclick = javascript: returnfalse;>
Les fonctions sont les mêmes, mais différents navigateurs varieront.
Dans la plupart des cas, lorsqu'un lien souhaite exécuter un programme JavaScript, nous pouvons utiliser href = javascript: void (0) et ajouter l'événement onClick pour l'implémenter, comme indiqué dans l'exemple de code suivant:
<! docTypeHtml> <html> <A-head> <métacharts = utf-8> <tight> atag lien vide href = # et href = javaScript: void (0) </title> </ head> <body> <pstyle = width: 100%; padding: 10px; background: # 999999> <href = javascript: void (0) onClick = func ()> Cliquez pour exécuter la fonction func () </a> </p> <script> functionfunc () {alert (ok);} </script> </ body> </html>Introduction: void est l'opérateur de JavaScript, qui signifie: seules les expressions sont exécutées, mais aucune valeur de retour. L'expression sera calculée mais ne chargera rien au document actuel. Par exemple, void (0) est calculé comme 0, mais n'a aucun effet sur JavaScript, ce qui signifie que l'effet de <a href = javascript: void (0)> est le même que <a href = javascript: void (1)>.
Le format d'utilisation de l'opérateur vide est le suivant:
javascript: void (expression) // méthode d'écriture recommandée javascript: void expression
Lorsque vous faites une page, si vous ne voulez rien faire après avoir cliqué sur un lien ou faire d'autres choses en réponse à cliquer, comme ne rien faire après avoir cliqué sur un lien, le code est le suivant:
<href = #> Tester </a> // Cliquez sur le lien, et la page défile en haut de la page par défaut, mais vous pouvez ajouter onClick = returnfalse pour empêcher le défilement en haut de la page <Ahref = ###> Tester </a> // Utilisez 2 à 4 #, la plupart de ceux que vous voyez sont ### ## #, et d'autres utilisations #Al. Par défaut, il ne fait pas défiler en haut de la page <ahref = javascript: void (0);> test </a> // Sina Weibo Writing Method, JavaScript: void (0) ne représente qu'un lien mort et exécute un événement vide d'événement <href = javascrip
Après avoir cliqué sur le lien, répondez aux événements de clic défini par l'utilisateur
<href = javascript: void (0) onclick = func ()> test </a> // où func () est une méthode javascrip href = <ahref = # onclick = alert (); event.returnvalue = false;> test </a>
Dans Ajax, le code suivant est courant:
<Ahref = JavaScript: Dottest2 (); void (0);> ici </a>Mais que signifie vide (0) ici?
Dans JavaScript, void est un opérateur qui spécifie qu'une expression doit être calculée mais ne renvoie pas de valeur. Sur la page d'Ajax, l'opération sans rafraîchissement est implémentée et le vide (0) est également utilisé plus souvent. Si vous regardez la page Web d'Ajax, vous verrez généralement beaucoup de vide (0), donc avant d'utiliser le void (0), vous devez d'abord réfléchir si cette page doit être actualisée dans son ensemble.
Lorsque vous faites une page, s'il s'agit d'un #, il sautera vers le haut. Il existe plusieurs solutions aux collections personnelles. Parmi eux, # contient une information de localisation, et le point d'ancrage par défaut est #TOP, qui est l'extrémité supérieure de la page Web.
<href = ###> </a> <href = javascript: void (0)> </a> <href = javascript: void (null)> </a> <href = # onclick = returnfalse> </a> <spanstyle = cursor: hand> </panse> (il semble qu'il ne peut pas être affiché dans FF)
Téléchargement du package de code ci-dessus: https://pan.baidu.com/s/1hsjybrjyvmxsvhsbc7aikg
Ce qui précède est le contenu entier de la différence entre le lien vide de balise href = # et href = javascript: void (0) dans html. J'espère que cela sera utile aux problèmes d'apprentissage et de résolution de chacun, et j'espère que tout le monde soutiendra davantage Wulin.com.