Wie aktualisiere ich das href-Attribut eines Tags mithilfe von JavaScript dynamisch?

• Weisen Sie einen nicht leeren href-Wert zu:

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

  Nach dem Login kopieren

• Seitenscrollen verhindern:

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

  Nach dem Login kopieren

• Fügen Sie die Return-False-Anweisung in die f1-Funktion ein:

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

  Nach dem Login kopieren

Alternativ können Sie den unauffälligen Ansatz übernehmen:

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

Dieser Ansatz trennt JavaScript vom HTML und verbessert so die Codeorganisation und Anpassungsfähigkeit.

Das obige ist der detaillierte Inhalt vonWie aktualisiere ich das href-Attribut eines Tags mithilfe von JavaScript dynamisch?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!