Ce blog discutera des fonctionnalités de l'expression href déclarée ' '.
Que fait l'expression href ' ' ?
L'attribut href dans un HTML ' ” spécifie généralement l'URL ou la page Web vers laquelle le lien est dirigé.
Dans le cas d ' ', l'attribut href est défini sur ' javascript : ; ” qui est une valeur d'espace réservé qui ne fait rien lorsqu'on clique dessus. Ceci est souvent utilisé lorsque le lien est utilisé pour une fonction ou un événement JavaScript et n'a pas besoin de rediriger l'utilisateur vers une nouvelle page.
Le ' javascript : ; ” est la fonctionnalité la plus impressionnante de JavaScript pour l'intégrer à HTML et CSS. Il est utile d'appeler les fonctions JavaScript dans un href HTML ou une balise d'ancrage.
Exemple
Dans l'exemple donné, affichez l'image sur la page en cours en cliquant sur le lien à l'aide de ' javascript : ; ” dans l'attribut href qui empêchera le navigateur de quitter la page en cours :
< identifiant div = 'mon image' > div >
< un href = 'javascript : img = document.createElement('img');
img.src = 'soleil.jpg';
src = document.getElementById('myImg');
src.appendChild(img);' > Afficher l'image un >
Dans le code ci-dessus :
- Tout d'abord, créez un élément div dans le fichier HTML et attribuez-lui un identifiant ' monImg ”.
- Définissez l'attribut href sur ' javascript : ; » et créer un « image ” élément utilisant le “ créerÉlément() ' méthode.
- Le ' src ” l'attribut indiquera le chemin de l'image.
- Obtenez la référence de l'élément image sur le fichier HTML pour afficher l'image en utilisant le ' getElementById() ' méthode.
- Ajoutez l'image en tant qu'élément enfant en utilisant le ' ajouterenfant() ' méthode.
La sortie indique que l'image sera affichée sur la même page en cliquant sur le lien :
Vous pouvez également accéder à la fonction dans la balise href avec ' javascript : ; ” espace réservé :
< identifiant div = 'mon image' > div >< un href = 'javascript:maFonction();' > Cliquez sur moi un >
Définir une fonction ' maFonction() ” dans la balise