Heim >Web-Frontend >js-Tutorial >Wie ändere ich das „href'-Attribut eines „Tags beim Klicken auf eine Schaltfläche' mit JavaScript?

Wie ändere ich das „href'-Attribut eines „Tags beim Klicken auf eine Schaltfläche' mit JavaScript?

Patricia Arquette
Patricia ArquetteOriginal
2024-10-28 16:16:02394Durchsuche

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

So ändern Sie das Href-Attribut eines Tag auf Schaltflächenklick mit JavaScript

Frage:

Wie können Sie den href-Attributwert eines ändern? Tag durch JavaScript beim Klicken auf die Schaltfläche?

Antwort:

Um das href-Attribut eines Tag Wenn auf eine Schaltfläche geklickt wird, können die folgenden Methoden verwendet werden:

Option 1: Verwenden eines leeren href

Fügen Sie ein leeres href-Attribut zum -Attribut hinzu. Tag:

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

Option 2: Neuladen der Seite verhindern

Fügen Sie den folgenden Code in das href-Attribut ein, um das Neuladen der Seite zu verhindern:

<code class="html"><a href="#" onclick="f1();">jhhghj</a></code>

Option 3: Von der Funktion „Falsch“ zurückgeben

Geben Sie in der Funktion f1() „false“ zurück und rufen Sie es von der href wie folgt auf:

<code class="html"><a href="#" onclick="return f1();">jhhghj</a></code>

Option 4: Unaufdringlicher Weg

Verwenden Sie das folgende JavaScript, um das href-Attribut ohne Inline-Ereignishandler zu ändern:

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

Das obige ist der detaillierte Inhalt vonWie ändere ich das „href'-Attribut eines „Tags beim Klicken auf eine Schaltfläche' mit JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn