CARA REDIRECT MENGGUNAKAN JAVASCRIPT

Pendahuluan

Dalam pengembangan web, terkadang kamu memerlukan cara untuk mengarahkan pengguna ke halaman atau URL tertentu. Alasan ini bisa bervariasi, misalnya kamu mungkin ingin mengarahkan pengguna ke halaman “Terima kasih” setelah mereka selesai mengisi formulir. Dalam tutorial ini, kita akan membahas tentang bagaimana cara redirect menggunakan javascript.

Membuat Redirect dengan JavaScript

Redirect dengan JavaScript cukup sederhana. Kita bisa menggunakan properti bawaan JavaScript yaitu window.location untuk mencapai tujuan kita.

Berikut merupakan cara yang paling umum dalam melakukan redirect:

window.location.href = "http://www.example.com";

Dalam contoh di atas, halaman akan segera diarahkan ke www.example.com.

Memakai window.location.replace()

Metode lain yang bisa digunakan adalah window.location.replace(). Metode ini berfungsi sedikit berbeda karena tidak menyimpan halaman saat ini dalam riwayat browser.

window.location.replace("http://www.example.com");

Jadi ketika pengguna menekan tombol kembali, mereka tidak akan kembali ke halaman ini, tapi ke halaman sebelumnya lagi.

Menggunakan window.location.assign()

Sedikit berbeda lagi, window.location.assign() dapat digunakan jika kamu ingin menambahkan halaman saat ini ke riwayat tautan.

window.location.assign("http://www.example.com");

Ini berarti pengguna dapat menavigasi kembali ke halaman ini jika mereka menggunakan tombol kembali pada browser mereka.

Redirect setelah waktu tertentu

Kamu dapat membuat halaman redirect setelah waktu tertentu dengan menggunakan fungsi JavaScript setTimeout(). Misalnya, jika kamu ingin mengarahkan pengguna ke www.example.com setelah 5 detik, ini adalah cara melakukannya:

setTimeout(function(){
   window.location.href = "http://www.example.com";
}, 5000);

Penutup

Penerapan redirect dengan JavaScript itu sederhana dan efektif. Itu bisa sangat berguna dalam berbagai kasus penggunaan. Tetapi, ingatlah untuk tidak mengandalkan pengalihan secara berlebihan, karena cara penggunakan yang tidak baik bisa mengganggu pengalaman pengguna.

Selalu pastikan redirect yang kamu buat berfungsi dengan benar dan memberikan manfaat bagi pengguna situs web kamu.