Diperbarui tanggal 5/07/2016

Redirect dengan Javascript

kategori Javascript / tanggal diterbitkan 5 Juli 2016 / dikunjungi: 2.74rb kali

Adakalanya kita memindahkan suatu artikel atau website dari nama situs yang kita miliki kesitus yang baru, tetapi kita tidak ingin pengunjung repot untuk menuliskan alamat yang baru. Maka untuk kasus tersebut kita dapat membuat fungsi dengan javascript yang memungkinkan pengunjung langsung di-direct atau langsung dibawa ke halaman web atau situs yang baru.

Berikut contoh penggunaan fungsi redirect agar pengunjung langsung dibawa kehalaman yang baru tanpa harus mengetikkan ataupun mengetahui alamat website yang baru:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Latihan</title>
<script>
function redirect(){
	window.location="http://alamatbaru.html";
}
</script>
</head>

<body onLoad="setTimeout('redirect()',5000)">
<h1>Redirect</h1>
<p>Alamat website yang Anda Kunjungi telah dipindahkan, Anda akan di-direct kehalaman yang baru setelah 5 detik
</body>
</html>

Script diatas, Kita membuat fungsi redirect() melalui javascript dengan menggunakan method window.location, yang selanjutnya fungsi tersebut akan dieksekusi 5 detik setelah halaman web dimuat. Kemudian halaman akan berpindah secara otomatis ke halaman baru yaitu http://alamatbaru.html yang telah kita definisikan pada saat membuat fungsi redirect().