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
366 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!

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
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