Bagaimana Mengemas kini Atribut href Tag Secara Dinamik Menggunakan JavaScript?-tutorial js-php.cn

Bagaimana Mengemas kini Atribut href Tag Secara Dinamik Menggunakan JavaScript?

Linda Hamilton

Lepaskan： 2024-10-27 00:38:02

asal

220 orang telah melayarinya

How to Dynamically Update an Tag's href Attribute Using 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>
```
Salin selepas log masuk

Halang penatalan halaman:

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

Salin selepas log masuk

Sertakan pernyataan palsu pulangan dalam fungsi f1:
```
<code class="html"><a href="#" onclick="return f1();">jhhghj</a></code>
```
Salin selepas log masuk

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>

Salin selepas log masuk

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!