JavaScript - HREF vs onclick pour la fonction de rappel sur l'hyperlien

Lors de la programmation en JavaScript, il peut y avoir une exigence pour intégrer plusieurs fonctionnalités dans une page ou un site Web. Par exemple, la relation de fonctionnalités similaires les rend dépendantes les unes des autres. Dans de telles situations, des fonctions de rappel combinées avec «href" et "sur clic"Jouez un rôle essentiel dans la rationalisation des complexités à la fin du développeur.

Cet article illustra les fonctionnalités de HREF et ONCLICK pour la fonction de rappel sur l'hyperlien en javascript.

«HREF» vs «onclick» pour la fonction de rappel sur l'hyperlien en javascript

Le "href»L'attribut donne l'URL de la page actuelle et du« «sur clic»L'événement redirige vers une fonction JavaScript. Le "rappeler»La fonction fait référence à une fonction qui est transmise comme un argument à une autre fonction.

Différences de base entre «HREF» et «onclick» en JavaScript

Voici les différences de base entre «HREF» et «OnClick» en JavaScript:

href	sur clic
"href»Est l'attribut HTML.	"sur clic" fait partie de l'attribut de l'événement.
Il redirige vers les hyperliens via la balise «» et bascule entre les pages Web.	Il est utilisé pour invoquer la fonction dans le fichier de script.
Il ne fonctionne que lorsqu'il est spécifié dans la balise «».	Il peut être appliqué / attaché à n'importe quel élément HTML.

Comment utiliser l'attribut «HREF» pour la fonction de rappel sur l'hyperlien en javascript?

Le "href"L'attribut est utilisé pour rediriger vers l'hyperlien dans l'ancre"”Tag et bascule entre différentes pages Web. Dans cette approche, cet attribut peut être utilisé pour invoquer une fonction de rappel et afficher le message en conséquence:

Cliquez sur moi

Dans l'extrait de code ci-dessus:

• Tout d'abord, créez un lien hypertexte via l'ancre "”Tag ayant le«href”Attribut rediriger vers la fonction nommée"myFunction ()"Accumulation de la fonction de rappel"MyDisplay ()"Comme son argument.
• Dans le bloc de code JS, déclarez une fonction définie par l'utilisateur "myFunction ()".
• Dans sa définition, initialisez la valeur de chaîne indiquée.
• Après cela, invoquez la fonction de rappel "MyDisplay ()”Avoir la valeur de chaîne spécifiée comme argument.
• Maintenant, déclarez la fonction de rappel nommée «MyDisplay ()"En passant la valeur de la chaîne de la fonction ancienne comme son argument et en l'afficher via le"alerte”Boîte de dialogue en cliquant sur le lien.

Sortir

Dans la sortie ci-dessus, on peut voir que la fonction de rappel est invoquée avec succès via le «href" attribut.

Comment utiliser l'événement «OnClick» pour la fonction de rappel sur l'hyperlien en javascript?

Le "sur clic»L'événement est utilisé pour invoquer une fonction particulière. Cet événement peut être appliqué combiné avec la fonction de rappel pour rediriger vers la fonction de rappel finalement sur le bouton cliquez et renvoyez la somme des valeurs:

Cliquez sur moi

Dans l'extrait de code ci-dessus:

• Tout d'abord, créez un bouton avec un "sur clic»Événement redirigeant vers la fonction nommée myFonction () ayant les valeurs déclarées et la fonction de rappel MyDisplay () comme ses arguments (fonction principale), respectivement.
• Dans le code JS, définissez une fonction nommée «myFunction ()”Avoir les paramètres indiqués.
• Dans la définition de la fonction, renvoyez la somme des valeurs de la fonction de rappel comme son argument.
• Enfin, définissez la fonction de rappel nommée «MyDisplay ()»Et affichez la somme résultante dans la boîte de dialogue d'alerte.

Sortir

Comme évident, la valeur de somme qui en résulte a été affichée comme une alerte sur le bouton cliquer.

Conclusion

Le "href»L'attribut donne l'URL de la page actuelle et le« «sur clic»L'événement redirige vers une fonction JavaScript. Ces approches peuvent être utilisées pour rediriger vers la fonction, accumuler la fonction de rappel et afficher le message correspondant et la somme résultante, respectivement. Cet article a illustré les différences entre les fonctionnalités de HREF et ONCLICK pour la fonction de rappel sur l'hyperlien en javascript.