Maison > interface Web > js tutoriel > Comment changer l'attribut `href` d'une balise `` lors d'un clic sur un bouton avec JavaScript ?

Comment changer l'attribut `href` d'une balise `` lors d'un clic sur un bouton avec JavaScript ?

Patricia Arquette
Libérer: 2024-10-28 16:16:02
original
440 Les gens l'ont consulté

How to Change the `href` Attribute of an `` Tag on Button Click with JavaScript?

Comment modifier l'attribut Href d'un Marquer le clic sur le bouton à l'aide de JavaScript

Question :

Comment pouvez-vous modifier la valeur de l'attribut href d'un tag via JavaScript en cliquant sur le bouton ?

Réponse :

Pour modifier l'attribut href d'un lorsqu'un bouton est cliqué, les méthodes suivantes peuvent être utilisées :

Option 1 : Utiliser un href vide

Ajouter un attribut href vide au tag :

<code class="html"><a href="" id="abc">jhg</a></code>
Copier après la connexion

Option 2 : empêcher le rechargement de la page

Incluez le code ci-dessous dans l'attribut href pour empêcher le rechargement de la page :

<code class="html"><a href="#" onclick="f1();">jhhghj</a></code>
Copier après la connexion

Option 3 : renvoyer False à partir de la fonction

Dans la fonction f1(), renvoyez false et appelez-la depuis le href comme ceci :

<code class="html"><a href="#" onclick="return f1();">jhhghj</a></code>
Copier après la connexion

Option 4 : méthode discrète

Utilisez le JavaScript suivant pour modifier l'attribut href sans gestionnaires d'événements en ligne :

<code class="html"><a href="#" id="abc">jhg</a>
<a href="#" id="myLink">jhhghj</a>

<script type="text/javascript">
  document.getElementById("myLink").onclick = function() {
    document.getElementById("abc").href="xyz.php";
    return false;
  };
</script></code>
Copier après la connexion

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 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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal