Que signifie «javascript: void (0)»?

<a href="javascript:void(0)" id="loginlink">login</a>

J'ai vu tant hrefde fois, mais je ne sais pas exactement ce que cela signifie.

L' voidopérateur évalue l'expression donnée puis retourne undefined.

L' voidopérateur est souvent utilisé simplement pour obtenir la undefinedvaleur primitive, généralement en utilisant « void(0)» (ce qui équivaut à « void 0»). Dans ces cas, la variable globale undefined peut être utilisée à la place (en supposant qu'elle n'a pas été affectée à une valeur non par défaut).

Une explication est fournie ici: voidopérateur .

La raison pour laquelle vous souhaitez le faire avec hrefun lien est que normalement, une javascript:URL redirige le navigateur vers une version en texte brut du résultat de l'évaluation de ce JavaScript. Mais si le résultat est undefined, le navigateur reste sur la même page. void(0)est juste un script court et simple à évaluer undefined.

En plus de la réponse technique, javascript:voidsignifie que l'auteur se trompe.

Il n'y a aucune bonne raison d'utiliser une javascript:pseudo-URL (*). En pratique, cela causera de la confusion ou des erreurs si quelqu'un essaie des choses comme «lien de signet», «ouvrir le lien dans un nouvel onglet», etc. Cela se produit beaucoup maintenant, les gens se sont habitués au clic du milieu pour un nouvel onglet: cela ressemble à un lien, vous voulez le lire dans un nouvel onglet, mais il s'avère que ce n'est pas du tout un vrai lien, et donne des résultats indésirables comme une page vierge ou une erreur JS lorsque vous cliquez avec le bouton central.

<a href="#">est une alternative courante qui pourrait sans doute être moins mauvaise. Cependant, vous devez vous souvenir return falsede votre onclickgestionnaire d'événements pour empêcher le lien d'être suivi et de défiler vers le haut de la page.

Dans certains cas, il peut y avoir un endroit réellement utile pour pointer le lien. Par exemple, si vous avez un contrôle sur lequel vous pouvez cliquer pour ouvrir un élément précédemment masqué <div id="foo">, il est judicieux d'utiliser un <a href="#foo">lien vers celui-ci. Ou s'il existe une manière non JavaScript de faire la même chose (par exemple, 'thispage.php? Show = foo' qui définit foo visible pour commencer), vous pouvez créer un lien vers cela.

Sinon, si un lien pointe uniquement vers un script, ce n'est pas vraiment un lien et ne doit pas être marqué comme tel. L'approche habituelle serait d'ajouter le onclickà un <span>, <div>ou un <a>sans un hrefet de le styliser d'une certaine manière pour qu'il soit clair que vous pouvez cliquer dessus. C'est ce que StackOverflow [a fait au moment de la rédaction; maintenant il utilise href="#"].

L'inconvénient est que vous perdez le contrôle du clavier, car vous ne pouvez pas taper sur un span / div / bare-a ou l'activer avec de l'espace. Que ce soit réellement un inconvénient dépend du type d'action que l'élément est censé entreprendre. Vous pouvez, avec un certain effort, essayer d'imiter l'interactivité du clavier en ajoutant un tabIndexà l'élément et en écoutant une pression sur l'espace. Mais il ne reproduira jamais à 100% le comportement réel du navigateur, notamment parce que différents navigateurs peuvent répondre différemment au clavier (sans parler des navigateurs non visuels).

Si vous voulez vraiment un élément qui n'est pas un lien mais qui peut être activé normalement par la souris ou le clavier, ce que vous voulez est un <button type="button">(ou <input type="button">tout aussi bon, pour un contenu textuel simple). Vous pouvez toujours utiliser CSS pour le recomposer afin qu'il ressemble plus à un lien qu'à un bouton, si vous voulez. Mais comme il se comporte comme un bouton, c'est comme ça qu'il faut vraiment le marquer.

(*: dans la création de sites, de toute façon. De toute évidence, ils sont utiles pour les bookmarklets. Les javascript:pseudo-URL sont une bizarrerie conceptuelle: un localisateur qui ne pointe pas vers un emplacement, mais appelle plutôt du code actif à l'intérieur de l'emplacement actuel. Ils ont provoqué une sécurité massive problèmes pour les navigateurs et les applications Web, et n'aurait jamais dû être inventé par Netscape.)

Cela signifie que cela ne fera rien. C'est une tentative pour que le lien ne «navigue» nulle part. Mais ce n'est pas la bonne façon.

Vous devriez en fait juste return falsedans l' onclickévénement, comme ceci:

<a href="#" onclick="return false;">hello</a>

En règle générale, il est utilisé si le lien fait quelque chose de «JavaScript-y». Comme publier un formulaire AJAX, ou échanger une image, ou autre chose. Dans ce cas, vous effectuez simplement la fonction appelée Return false.

Pour rendre votre site Web complètement génial, cependant, vous incluerez généralement un lien qui fait la même action, si la personne qui le visite choisit de ne pas exécuter JavaScript.

<a href="backup_page_displaying_image.aspx"
   onclick="return coolImageDisplayFunction();">hello</a>

Il y a une énorme différence dans le comportement de "#" vs javascript: void

"#" vous fait défiler vers le haut de la page tandis que "javascript: void (0);" ne fait pas.

Ceci est très important si vous codez des pages dynamiques. l'utilisateur ne veut pas revenir en haut simplement parce qu'il a cliqué sur un lien sur la page.

Il s'agit d'une méthode très populaire pour ajouter des fonctions JavaScript aux liens HTML.
Par exemple: les [Print]liens que vous voyez sur de nombreuses pages Web sont écrits comme ceci:

<a href="javascript:void(0)" onclick="callPrintFunction()">Print</a>

Pourquoi avons-nous besoin hrefalors que onclickseuls peuvent faire le travail? Parce que lorsque les utilisateurs survolent le texte «Imprimer» alors qu'il n'y en a pas href, le curseur se transforme en signe d'insertion (ꕯ) au lieu d'un pointeur (👆). Seul le fait d'avoir hrefsur un atag le valide en tant que lien hypertexte.

Une alternative à href="javascript:void(0);", est l'utilisation de href="#". Cette alternative ne nécessite pas d'activer JavaScript dans le navigateur de l'utilisateur, elle est donc plus compatible.

Vous devriez toujours avoir un href sur vos un tags. Appeler une fonction JavaScript qui renvoie 'non défini' fera l'affaire. Il en sera de même pour le lien vers «#».

Les balises d'ancrage dans Internet Explorer 6 sans href n'obtiennent pas le a:hoverstyle appliqué.

Oui, c'est terrible et un crime mineur contre l'humanité, mais encore une fois, Internet Explorer 6 en général l'est aussi.

J'espère que ça aide.

Internet Explorer 6 est en fait un crime majeur contre l'humanité.

Il convient de mentionner que vous verrez parfois void 0 lors de la vérification d'undefined, simplement parce qu'il nécessite moins de caractères.

Par exemple:

something === undefined

contre.

something === void 0

Certaines méthodes de minification remplacent undefined par void 0 pour cette raison.

L'utilisation de javascript:void(0)signifie que l'auteur du code HTML utilise abusivement l'élément d'ancrage à la place de l'élément bouton.

Les balises d'ancrage sont souvent utilisées abusivement avec l'événement onclick pour créer des pseudo-boutons en définissant href sur "#" ou "javascript: void (0)" pour empêcher la page de se rafraîchir. Ces valeurs provoquent un comportement inattendu lors de la copie / du déplacement de liens, de l'ouverture de liens dans de nouveaux onglets / fenêtres, de la création de signets et lorsque JavaScript est toujours en cours de téléchargement, des erreurs ou est désactivé. Cela transmet également une sémantique incorrecte aux technologies d'assistance (par exemple, les lecteurs d'écran). Dans ces cas, il est recommandé d'utiliser à la <button>place. En général, vous ne devez utiliser une ancre pour la navigation qu'en utilisant une URL appropriée.

Source: page de MDN<a> .

voidest un opérateur utilisé pour renvoyer une undefinedvaleur afin que le navigateur ne puisse pas charger une nouvelle page.

Les navigateurs Web essaieront de prendre tout ce qui est utilisé comme URL et le chargeront à moins que ce soit une fonction JavaScript qui renvoie null. Par exemple, si nous cliquons sur un lien comme celui-ci:

<a href="javascript: alert('Hello World')">Click Me</a>

alors un message d'alerte apparaîtra sans charger une nouvelle page, et c'est parce que alert c'est une fonction qui renvoie une valeur nulle. Cela signifie que lorsque le navigateur tente de charger une nouvelle page, il voit null et n'a rien à charger.

Une chose importante à noter à propos de l'opérateur void est qu'il nécessite une valeur et ne peut pas être utilisé seul. Nous devons l'utiliser comme ceci:

<a href="javascript: void(0)">I am a useless link</a>

Pour comprendre ce concept, il faut d'abord comprendre l'opérateur void en JavaScript.

La syntaxe de l'opérateur void est: void «expr» qui évalue expr et renvoie undefined.

Si vous implémentez void en tant que fonction, cela ressemble à ceci:

function myVoid(expr) {
    return undefined;
}

Cet opérateur void a une utilisation importante qui est - la suppression du résultat d'une expression.

Dans certaines situations, il est important de renvoyer undefined par opposition au résultat d'une expression. Ensuite, void peut être utilisé pour rejeter ce résultat. Une telle situation implique des URL javascript: qui devraient être évitées pour les liens, mais qui sont utiles pour les bookmarklets. Lorsque vous visitez l'une de ces URL, de nombreux navigateurs remplacent le document actuel par le résultat de l'évaluation du «contenu» des URL, mais uniquement si le résultat n'est pas indéfini. Par conséquent, si vous souhaitez ouvrir une nouvelle fenêtre sans modifier le contenu actuellement affiché, vous pouvez effectuer les opérations suivantes:

javascript:void window.open("http://example.com/")

L' voidopérateur évalue l'expression donnée, puis renvoie undefined. Cela évite de rafraîchir la page.

Les développeurs Web l'utilisent javascript:void(0)car c'est le moyen le plus simple d'empêcher le comportement par défaut des abalises. void(*anything*)renvoie undefinedet c'est une valeur falsifiée. et renvoyer une valeur falsifiée est comme return falseen onclickcas de abalise qui empêche son comportement par défaut.

Je pense donc que javascript:void(0)c'est le moyen le plus simple d'empêcher le comportement par défaut du atag.

Un lien doit avoir une cible HREF à spécifier pour lui permettre d'être un objet d'affichage utilisable.

La plupart des navigateurs n'analyseront pas le JavaScript avancé dans un

<A HREF="" 

balise telle que:

<A href="JavaScript:var elem = document.getElementById('foo');" 

car la balise HREF dans la plupart des navigateurs n'autorise pas les espaces, ou convertira les espaces en% 20, l'équivalent HEX d'un ESPACE, ce qui rend votre JavaScript absolument inutile à l'interpréteur.

Donc, si vous souhaitez utiliser une balise A HREF pour exécuter JavaScript en ligne, vous devez spécifier une valeur valide pour HREF FIRST qui n'est pas trop complexe (ne contient pas d'espaces), puis fournir le JavaScript dans une balise d'attribut d'événement comme OnClick , OnMouseOver, OnMouseOut, etc.

La réponse typique est de faire quelque chose comme ceci:

<A HREF="#" onclick="var elem = document.getElementById('foo');">Get the object</a>

Cela fonctionne bien, mais cela fait sauter la page vers le haut en raison du signe dièse / la balise de hachage lui dit de le faire.

Le simple fait de fournir un signe dièse / une balise de hachage dans une balise A HREF spécifie en fait l'ancrage racine, qui est toujours, par défaut, le haut de la page, vous pouvez spécifier un emplacement différent en utilisant la spécification de l'attribut NAME à l'intérieur d'une balise A HREF.

<A NAME='middleofpage'></A>

Vous pouvez ensuite modifier votre balise A HREF pour passer à «middleofpage» et exécuter le JavaScript dans l'événement OnClick, une fois que cela se produit comme suit:

<A HREF="#middleofpage" onclick="var elem = document.getElementById('foo');">Get the object</a>

Il y aura BEAUCOUP de fois où vous ne voulez pas que ce lien saute, vous pouvez donc faire deux choses:

<A HREF="#thislinkname" name='thislinkname' onclick="var elem = document.getElementById('foo');">Get the object</a>

Maintenant, il n'ira nulle part lorsque vous cliquerez dessus, mais cela pourrait entraîner un recentrage de la page à partir de sa fenêtre actuelle. Ce n'est pas joli. Quelle est la meilleure façon de fournir du javascript en ligne, en utilisant un A HREF, mais sans avoir à faire quoi que ce soit ci-dessus? JavaScript: void (0);

<A HREF="JavaScript:void(0);" onclick="var elem = document.getElementById('foo');">Get the object</a>

Cela indique au navigateur d'aller NULLE PART, mais d'exécuter à la place le code JavaScript valide: void (0); fonctionne d'abord dans la balise HREF car elle ne contient aucun espace et ne sera pas analysée en tant qu'URL. Il sera plutôt exécuté par le compilateur. VOID est un mot clé qui, lorsqu'il est fourni avec un périmètre de 0, renvoie UNDEFINED, qui n'utilise plus de ressources pour gérer une valeur de retour qui se produirait sans spécifier le 0 (il est plus convivial pour la gestion de la mémoire / les performances).

La prochaine chose qui se produit est l'exécution d'OnClick. La page ne bouge pas, rien ne se passe au niveau de l'affichage.

JavaScript: URL à part; c'est là que void peut être utile pour écrire du code plus court.

var error1 = false,
    error2 = false,
    error3 = false;

function error1() {

  error1 = true;
}

function myFunction() {

  // You can easily return and call a function at once, if you don't care about myFunction's return value
  if (!someCondition1)
    return error1();

  // What if you want to set a value first?
  if (!someCondition2) {
    error2 = true;
    return
  }

  // Shortest way to return and set a value at once
  if (!someCondition3)
    return void(error3 = true);

  // More code goes here
}