Cara Redirect URL Dengan HTML dan Javascript

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 kalian ingin membuat tombol, kita 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 kalian kreasikan sesuka kalian dengan menggunakan CSS. Misal ubah warnanya, beri border, dll. Be Creative!
Demo :

Posting Komentar

0 Komentar