Bagaimana untuk Mengubah Atribut `href` bagi Teg `` Menggunakan Javascript pada Klik Butang?

Mengubah 'href' Atribut Teg melalui Butang Javascript Klik

Untuk mengubah suai atribut 'href' bagi teg menggunakan Javascript apabila butang diklik, pertimbangkan senario berikut:

1. Menghalang Muat Semula Halaman

Secara lalai, mengklik tag memuatkan semula halaman. Untuk mengelakkan ini:

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

2. Melumpuhkan Tatal

Sebagai alternatif, anda boleh menggunakan ini untuk menghalang tatal ke bahagian atas halaman:

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

3. Mengembalikan Palsu dalam Fungsi

Anda juga boleh mengembalikan palsu dalam fungsi f1() dan menggunakan:

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

4. Kaedah Tidak Menceroboh

Pertimbangkan perkara berikut untuk pendekatan yang kurang mengganggu:

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

Atas ialah kandungan terperinci Bagaimana untuk Mengubah Atribut `href` bagi Teg `` Menggunakan Javascript pada Klik Butang?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!