Cara Mengarahkan ke Halaman Lain dengan JavaScript

Setelah login berhasil, checkout selesai, atau ketika ingin menampilkan halaman lain otomatis, kita perlu mengarahkan pengguna. Proses ini disebut redirect. Artikel ini membahas cara redirect halaman di JavaScript.

Menggunakan window.location

<script>
window.location.href = "https://sharecode.my.id";
</script>

Contoh Kasus: Redirect Setelah Login Berhasil

<script>
if (loginBerhasil) {
    window.location.href = "dashboard.html";
}
</script>

Contoh Kasus: Hitung Mundur Sebelum Pindah

<script>
let detik = 5;
const timer = setInterval(function() {
    document.getElementById("info").textContent = "Pindah dalam " + detik + " detik";
    detik--;
    if (detik < 0) {
        clearInterval(timer);
        window.location.href = "home.html";
    }
}, 1000);
</script>

href vs replace

MetodeTombol BackCocok Untuk
location.hrefBisa kembaliNavigasi biasa
location.replace()Tidak bisa kembaliSetelah login/logout

Gunakan location.replace() setelah login agar pengguna tidak bisa menekan Back ke halaman login.

Kesimpulan

Gunakan window.location.href untuk redirect biasa, dan location.replace() bila tidak ingin halaman lama tercatat di riwayat, seperti setelah proses login atau logout.

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 *