Wie ändere ich das „href'-Attribut eines „Tags' mithilfe von Javascript beim Klicken auf eine Schaltfläche?

Ändern des „href“-Attributs von Tag über Javascript-Schaltfläche klicken

Um das „href“-Attribut eines zu ändern Wenn Sie beim Klicken auf eine Schaltfläche ein Tag mit Javascript verwenden möchten, berücksichtigen Sie die folgenden Szenarien:

1. Neuladen der Seite verhindern

Standardmäßig ist das Klicken auf ein leeres Tag lädt die Seite neu. Um dies zu verhindern:

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

2. Scrollen deaktivieren

Alternativ können Sie dies verwenden, um das Scrollen zum Seitenanfang zu verhindern:

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

3. Rückgabe von False in der Funktion

Sie können auch false in der Funktion f1() zurückgeben und Folgendes verwenden:

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

4. Unaufdringliche Methode

Berücksichtigen Sie Folgendes für einen weniger aufdringlichen Ansatz:

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

<script>
  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' mithilfe von Javascript beim Klicken auf eine Schaltfläche?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!