Maison >interface Web >js tutoriel >Comment cacher herf en javascript

Comment cacher herf en javascript

藏色散人
藏色散人original
2021-06-15 10:30:132405parcourir

Comment masquer herf en javascript : ajoutez d'abord un lien en html ; puis ajoutez un identifiant au lien ; puis ajoutez un attribut de lien de données et supprimez enfin l'attribut href d'origine ; saut de page.

Comment cacher herf en javascript

L'environnement d'exploitation de cet article : système Windows 7, version JavaScript 1.8.5, ordinateur Dell G3.

Comment cacher herf en javascript ?

Nous ajoutons un lien en html, qui a l'attribut href link.

Comment cacher herf en javascript

Après avoir exécuté la page, nous plaçons la souris sur le lien et vous pouvez voir que l'adresse du lien sera vue dans le navigateur.

Comment cacher herf en javascript

Pour masquer les informations de ce lien, nous pouvons ajouter un identifiant au lien. L'ajout de l'identifiant est pratique pour y ajouter des événements de clic. Ajoutez ensuite un attribut de liaison de données, la valeur de l'attribut est la valeur du lien href et supprimez l'attribut href d'origine.

Comment cacher herf en javascript

Ensuite, ajoutez un événement de clic pour ce lien.

Comment cacher herf en javascript

Sur la fonction événement, obtenez la valeur de la liaison de données via la méthode des données.

Comment cacher herf en javascript

Utilisez ensuite locacion.href pour sauter la page.

Comment cacher herf en javascript

Exécutez la page Désormais, lorsque nous mettons la souris sur le lien, le contenu href du lien ne sera plus affiché. Mais après avoir cliqué sur ce lien, nous passerons également à la page d'origine.

Comment cacher herf en javascript

[Apprentissage recommandé : Tutoriel avancé javascript]

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!

Déclaration:
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