Cara Redirect URL Dengan HTML dan Javascript
Redirect URL atau mengalihkan halaman dapat menggunakan PHP atau JavaScript. Nah, kali ini saya ingin berbagi tutorial cara redirect/mengalihkan halaman dengan JavaScript.
Redirect ini kadang berguna untuk mengalihkan halaman yang sudah tidak aktif atau error, tentu saja masih banyak fungsi lainnya.
Di sini saya membuat file dengan kodingan seperti berikut.
<script type="text/javascript">
window.location = "https://www.aplokoid.com";
</script>
Setelah saya save dengan ext html, maka ketika dibuka maka akan langsung redirect ke https://www.aplokoid.com.
Apabila Anda ingin membuat tombol, Anda bisa gunakan function.
Di sini saya membuat file dengan kodingan seperti berikut.
<body>
<script type="text/javascript">
function redirect(url) {
window.location = url;
}
</script>
<input type="button" onclick="redirect('https://www.aplokoid.com')" value="Redirect Button" />
</body>
Ketika saya akses maka akan muncul tombol bertuliskan Redirect Button yang ketika diklik akan menuju ke suatu halaman. Karena parameternya saya isikan www.aplokoid.com maka ketika diklik juga akan mengalihkan ke url tersebut.
 |
| Tombol redirect |
 |
| Ketika diklik akan redirect ke url yang tertera |
Tombolnya bisa Anda kreasikan sesuka Anda dengan menggunakan CSS. Misal ubah warnanya, beri border, dll. Be Creative!
Demo :
0 Komentar