Bagaimana untuk Mengubah Atribut `href` bagi Teg `` pada Klik Butang dengan JavaScript?-tutorial js-php.cn

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

Patricia Arquette

Lepaskan： 2024-10-28 16:16:02

asal

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