DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja

Logo Koala Skodev mengetik

Skodev

Belajar coding dalam bahasa Indonesia

REDIRECT PADA JAVASCRIPT

Panduan singkat tentang cara melakukan redirect menggunakan JavaScript dengan mudah dan cepat.

Dalam pengembangan web, terkadang kamu perlu mengarahkan ulang pengguna dari satu halaman ke halaman lain. Ini bisa dilakukan dengan mudah menggunakan JavaScript.

Cara Menggunakan Redirect di JavaScript

Menggunakan window.location

Metode paling umum untuk melakukan redirect adalah menggunakan window.location. Berikut adalah contohnya:

window.location.href = 'https://www.example.com';

Kode di atas akan mengarahkan pengguna ke URL yang ditentukan.

Menggunakan window.location.replace

Jika kamu ingin mengganti halaman saat ini tanpa menyimpan halaman tersebut dalam history browser, gunakan window.location.replace:

window.location.replace('https://www.example.com');

Ini akan mengganti halaman saat ini dengan URL baru tanpa memungkinkan pengguna untuk kembali ke halaman sebelumnya menggunakan tombol “Back”.

Redirect setelah Interval

Jika kamu ingin menambahkan penundaan sebelum redirect, gunakan setTimeout:

setTimeout(function() {
    window.location.href = 'https://www.example.com';
}, 3000);

Kode di atas akan mengarahkan pengguna setelah 3 detik.

Menggunakan window.location.assign

Metode lain yang bisa digunakan adalah window.location.assign:

window.location.assign('https://www.example.com');

Ini memiliki efek yang sama dengan window.location.href.

Kesimpulan

Redirect di JavaScript sangat mudah dan fleksibel. Kamu bisa menggunakan berbagai metode seperti window.location.href, window.location.replace, window.location.assign, atau menambahkan delay menggunakan setTimeout sesuai dengan kebutuhan situs web kamu.


Daftar newsletter skodev masukkan emailmu untuk dapat informasi menarik dari dunia koding