Maison > interface Web > js tutoriel > Définition et explication détaillée de l'opérateur void(0) en Javascript

Définition et explication détaillée de l'opérateur void(0) en Javascript

零下一度
Libérer: 2017-05-17 16:06:22
original
1597 Les gens l'ont consulté

void est un opérateur en Javascript, qui spécifie qu'une expression doit être évaluée mais ne renvoie pas de valeur.

La chose la plus critique dans javascript:void(0) est le mot-clé void. void est un mot-clé très important en JavaScript. Cet opérateur spécifie de calculer une expression mais ne renvoie pas de valeur. Le format d'utilisation de l'opérateur

void est le suivant :

1. javascript:void (expression)
2. javascript:void expression
Copier après la connexion

expression est une expression standard Javascript à évaluer. Les parenthèses en dehors de l’expression sont facultatives, mais constituent une bonne pratique à écrire.

Vous pouvez spécifier un lien hypertexte à l'aide de l'opérateur void. L'expression sera évaluée mais rien ne sera chargé dans le document actuel.

Exemple - Cliquer sur un lien hypertexte ne saute pas

1:<a href="####"></a>
2:<a href="javascript:void(0)"></a>
3:<a href="javascript:void(null)"></a>
4:<a href="#" onclick="return false"></a>
Copier après la connexion

Après avoir cliqué sur le lien, la page défilera jusqu'en haut de la page, #Le point d'ancrage par défaut est #TOP (réel les tests ont révélé que la barre de défilement défilera vers le haut) et les quatre méthodes ci-dessus ne représentent qu'un lien mort et ne sauteront pas ou ne reviendront pas en haut

Exemple - Pourquoi l'emplacement. .href ne saute pas automatiquement ?

<a href="javascript:void(0)" onclick="delete(&#39;123&#39;)">删除</a>
function delete(id){
   if(confirm("确实要删除[为什么location.href不自动跳转?]吗?")) {
       location.href="/delete.jsp?id=" + id;
   }
}
Copier après la connexion

Peu importe la façon dont vous vérifiez le code ci-dessus, il n'y a pas de problème, et location.href="/delete.jsp?id=" + id; fonctionne bien à d'autres endroits. travail? ?

La raison est que void(0) a changé le code en :

<
a href="javascript:delete(&#39;123&#39;)">删除</a>function delete(id) {
   if(confirm("确实要删除[为什么location.href不自动跳转?]吗?")) {
       location.href="/delete.jsp?id=" + id;
   }
}
Copier après la connexion

Nous avons constaté que la page sautait immédiatement et que les données correspondantes pouvaient être supprimées normalement ?

<.>Parce que void est un opérateur, il calculera une expression, mais ne renverra pas de valeur. Bien sûr, il ne modifiera aucun contenu de la page actuelle et il ne sautera pas normalement

Explication<. l>

void

évalue une expression et renvoie undéfini. Cet opérateur est particulièrement utile lorsque vous souhaitez évaluer une expression mais que vous ne souhaitez pas que le résultat soit visible par le reste du script. L'utilisation directe de javascript:void(0) pour les liens (href) peut provoquer certains problèmes dans IE, tels que l'arrêt de la lecture de l'animation gif, etc. Par conséquent, le moyen le plus sûr est d'utiliser "#". Pour éviter de sauter en haut de la page après avoir cliqué sur le lien, l'événement onclick peut renvoyer false.

【Recommandations associées】


1.

Recommandation spéciale : "php Programmer Toolbox" version V0.1 Télécharger 2.

Tutoriel vidéo en ligne js gratuit

3. php.cn Dugu Jiujian (3) - Tutoriel vidéo JavaScript

4 Résoudre javascript:void(0) sous ie6 Méthodes invalides <.>

5. Résumé de la différence entre href=javascript:void(0) et href=#

6 Utilisez avec prudence javascript:void. (0), pourquoi c'est pas bien d'écrire comme ça

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal