Bagaimana Mengemas kini Atribut href Tag Secara Dinamik Menggunakan JavaScript?

Cara Mengemas kini Atribut Href Tag Menggunakan JavaScript

Apabila cuba mengubah suai sifat href melalui JavaScript apabila butang diklik, anda mungkin menghadapi kesukaran. Mari kita terokai penyelesaian untuk menangani isu ini.

Pertama, adalah penting untuk menyediakan tag dengan nilai href, kerana membiarkannya kosong akan mencetuskan penyegaran halaman pada klik. Pertimbangkan pilihan berikut:

• Tetapkan nilai href yang tidak kosong:

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

• Halang penatalan halaman:

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

• Sertakan pernyataan palsu pulangan dalam fungsi f1:

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

Sebagai alternatif, anda boleh menggunakan pendekatan yang tidak mengganggu:

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

Pendekatan ini memisahkan JavaScript daripada HTML, meningkatkan organisasi kod dan kebolehsuaian.

Atas ialah kandungan terperinci Bagaimana Mengemas kini Atribut href Tag Secara Dinamik Menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!