Wie ändere ich das „href'-Attribut eines „Tags beim Klicken auf eine Schaltfläche' mit 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!