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

Bagaimana untuk Mengubah Atribut `href` bagi Teg `` pada Klik Butang dengan JavaScript?

Patricia Arquette
Lepaskan: 2024-10-28 16:16:02
asal
421 orang telah melayarinya

How to Change the `href` Attribute of an `` Tag on Button Click with JavaScript?

Cara Mengubah Suai Atribut Href bagi Teg pada Butang Klik Menggunakan JavaScript

Soalan:

Bagaimana anda boleh menukar nilai atribut href bagi tag melalui JavaScript pada klik butang?

Jawapan:

Untuk mengubah atribut href bagi tag apabila butang diklik, kaedah berikut boleh digunakan:

Pilihan 1: Menggunakan Empty href

Tambah atribut href kosong pada tag:

<code class="html"><a href="" id="abc">jhg</a></code>
Salin selepas log masuk

Pilihan 2: Mencegah Muat Semula Halaman

Sertakan kod di bawah dalam atribut href untuk menghalang muat semula halaman:

<code class="html"><a href="#" onclick="f1();">jhhghj</a></code>
Salin selepas log masuk

Pilihan 3: Mengembalikan Palsu daripada Fungsi

Dalam fungsi f1(), kembali palsu dan memanggilnya daripada href seperti ini:

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

Pilihan 4: Cara Tidak Mengganggu

Gunakan JavaScript berikut untuk mengubah suai atribut href tanpa pengendali acara sebaris:

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

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

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