Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Mengubah Atribut `href` bagi Teg `` Menggunakan Javascript pada Klik Butang?

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

Linda Hamilton
Lepaskan: 2024-10-26 12:26:29
asal
245 orang telah melayarinya

How to Change the `href` Attribute of an `` Tag Using Javascript on Button Click?

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>
Salin selepas log masuk

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>
Salin selepas log masuk

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>
Salin selepas log masuk

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>
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan