Maison > Problème commun > Qu'est-ce que javascript void:0

Qu'est-ce que javascript void:0

zbt
Libérer: 2023-08-31 10:06:47
original
9044 Les gens l'ont consulté

javascript:void(0) est un pseudo-protocole utilisé pour exécuter du code JavaScript. Il est souvent utilisé pour effectuer certaines opérations sans quitter la page en cours, comme afficher une boîte d'alerte ou exécuter d'autres fonctions JavaScript. La fonction consiste à empêcher le comportement des liens hypertexte par défaut du navigateur ou à empêcher l'actualisation de la page. Introduction détaillée : javascript:void(0) n'est qu'un espace réservé et n'effectuera aucune opération réelle.

Qu'est-ce que javascript void:0

javascript:void(0) est un extrait de code JavaScript spécial généralement utilisé en HTML comme valeur d'attribut href d'un lien hypertexte. On l'appelle un "pseudo-protocole" car il ne s'agit pas d'un véritable protocole, mais d'un espace réservé pour l'exécution du code JavaScript.

En HTML, les hyperliens sont souvent utilisés pour diriger les utilisateurs vers d'autres pages ou ressources. Lorsqu'un utilisateur clique sur un lien hypertexte, le navigateur charge la page correspondante en fonction de la valeur de l'attribut href. Cependant, nous souhaitons parfois exécuter du code JavaScript lorsque l'utilisateur clique sur un lien, plutôt que de naviguer vers une nouvelle page. À l’heure actuelle, javascript:void(0) est utile.

javascript:void(0) est utilisé pour empêcher le comportement par défaut du navigateur, qui est de ne rien faire. Il s'agit d'une astuce courante utilisée pour exécuter du code JavaScript sans quitter la page en cours. Habituellement, nous mettons du code JavaScript spécifique entre parenthèses de void(0).

Par exemple, disons que nous avons un bouton et que lorsque l'utilisateur clique dessus, nous souhaitons qu'une boîte d'alerte apparaisse. Nous pouvons écrire ainsi :

<button onclick="alert(&#39;Hello, World!&#39;)">点击我</button>
Copier après la connexion

De cette façon, lorsque l'utilisateur clique sur le bouton, une boîte d'avertissement apparaîtra affichant "Bonjour, Monde!". Cependant, si nous mettons ce bouton dans un lien hypertexte, et que nous voulons que le même code JavaScript soit exécuté lorsque l'utilisateur clique sur le lien, mais ne navigue pas vers une autre page, nous pouvons écrire :

<a href="javascript:void(0)" onclick="alert(&#39;Hello, World!&#39;)">点击我</a>
Copier après la connexion

De cette façon , lorsque l'utilisateur clique sur le lien Lorsque vous cliquez sur le lien, une boîte d'avertissement apparaîtra affichant "Hello, World!" et ne naviguera pas vers d'autres pages

Il convient de noter que javascript:void(0) n'est qu'un. espace réservé et n'exécutera rien par lui-même.L'opération réelle est d'indiquer au navigateur de ne pas effectuer le comportement de lien hypertexte par défaut dans le code JavaScript, il renverra undéfini, donc javascript:void(0) effectue en fait un retour. Code JavaScript non défini.

De plus, javascript:void(0) peut également être utilisé pour empêcher l'actualisation de la page lorsque la page saute. Dans certains cas, lorsque l'utilisateur clique sur un lien hypertexte, la page s'actualise brièvement. Cela peut conduire à une mauvaise expérience utilisateur. Cette actualisation peut être évitée en définissant l'attribut href du lien hypertexte sur javascript:void(0)

Pour résumer, javascript:void(0) est utilisé pour exécuter du code JavaScript. est souvent utilisé pour effectuer certaines opérations sans quitter la page actuelle, comme afficher une boîte d'alerte ou exécuter d'autres fonctions JavaScript. Sa fonction est d'empêcher le comportement des hyperliens par défaut du navigateur ou d'empêcher l'actualisation de la page. .

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