Cara Membuka Tautan di Tab Baru dengan JavaScript

Membuka tautan di tab baru membiarkan pengguna tetap di halaman asal, berguna untuk tautan eksternal atau dokumen. Artikel ini membahas cara membuka tautan di tab baru dengan JavaScript.

Metode window.open()

<script>
window.open("https://sharecode.my.id", "_blank");
</script>

Contoh Kasus: Membuka Tautan Eksternal dengan Aman

<script>
function bukaEksternal(url) {
    window.open(url, "_blank", "noopener,noreferrer");
}
bukaEksternal("https://situs-lain.com");
</script>

Parameter noopener mencegah halaman baru mengakses halaman asal, menutup celah keamanan tabnabbing.

Alternatif dengan HTML

<a href="https://situs-lain.com" target="_blank" rel="noopener noreferrer">Kunjungi</a>

Bila cukup dengan tautan biasa, atribut target="_blank" plus rel="noopener" lebih sederhana.

Kesimpulan

Gunakan window.open(url, "_blank") untuk membuka tab baru lewat JavaScript, dan selalu tambahkan noopener saat menuju situs eksternal demi keamanan. Untuk kasus sederhana, gunakan atribut HTML target="_blank".

Referensi: untuk penjelasan lebih mendalam, kunjungi dokumentasi resmi JavaScript (MDN).

Baca Juga

Ali Akbar

Software Developer yang fokus mengembangkan aplikasi berbasis Web dan Desktop. Senang mempelajari teknologi baru terutama di bidang web design dan web development.

View all posts by Ali Akbar →

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *