A Tag Href Javascript Void

MUAZHAN

3 min read

·

Jun 22, 2024

26

Share

Memahami <a> Tag href="javascript:void(0)"

<a> tag dengan atribut href="javascript:void(0)" sering digunakan dalam pengembangan web. Tag ini biasanya digunakan untuk membuat tombol atau link yang tidak mengarahkan pengguna ke halaman lain, tetapi menjalankan skrip JavaScript.

Berikut adalah penjelasan lebih lanjut tentang tag ini:

Apa itu javascript:void(0)?

javascript:void(0) adalah skema URL khusus yang menunjuk ke fungsi JavaScript void(). Fungsi void() mengembalikan nilai undefined, yang berarti tidak ada tindakan yang terjadi.

Kapan Menggunakan href="javascript:void(0)"?

Berikut adalah beberapa skenario umum di mana Anda dapat menggunakan href="javascript:void(0)":

• Membuat tombol JavaScript: Tag <a> dengan href="javascript:void(0)" dapat digunakan untuk membuat tombol yang menjalankan fungsi JavaScript saat diklik.

  Klik di sini
  

• Mencegah Pengarahan: Anda dapat menggunakan href="javascript:void(0)" untuk mencegah <a> tag mengalihkan pengguna ke halaman lain. Misalnya, Anda mungkin ingin mencegah tautan yang berada di dalam modal dialog mengarahkan pengguna ke luar modal.

• Menghindari Kesalahan di Browser Tua: Di beberapa browser tua, <a> tag tanpa atribut href dapat menyebabkan kesalahan. href="javascript:void(0)" membantu menghindari kesalahan ini.

Alternatif untuk href="javascript:void(0)"

Meskipun href="javascript:void(0)" masih digunakan, ada beberapa alternatif yang lebih baik dan sesuai dengan praktik terbaik:

• Gunakan <button>: Untuk membuat tombol yang menjalankan JavaScript, lebih baik gunakan <button> tag daripada <a> tag.

  Klik di sini
  

• Gunakan event.preventDefault(): Jika Anda perlu mencegah <a> tag mengalihkan pengguna ke halaman lain, gunakan event.preventDefault() di dalam handler event.

  Klik di sini
  

• Gunakan #: Anda dapat menggunakan # sebagai nilai untuk atribut href untuk mencegah pengalihan.

  Klik di sini
  

Kesimpulan

<a> tag dengan atribut href="javascript:void(0)" adalah cara yang umum untuk membuat tombol atau link yang menjalankan JavaScript. Meskipun masih digunakan, ada alternatif yang lebih baik seperti <button> tag atau event.preventDefault(). Pilihan terbaik tergantung pada kebutuhan khusus Anda dan praktik terbaik pengembangan web saat ini.