Ada beberapa cara untuk mengalihkan ke halaman web lain dengan JavaScript. Yang paling populer adalah _______________ dan _______________
Contoh
// Simulasikan klik mouse
jendela. lokasi. href = "http. // www. w3schools. com";
// Simulasikan pengalihan HTTP
jendela. lokasi. ganti ("http. // www. w3schools. com");
Catatan. Perbedaan antara href dan replace, adalah replace() menghapus URL dokumen saat ini dari riwayat dokumen, artinya tidak mungkin menggunakan tombol "kembali" untuk menavigasi kembali ke dokumen asli
Katakanlah Anda sedang merancang situs web e-niaga. Seorang pengguna mendarat di layar masuk dan mengisi detailnya. Menurut Anda apa yang akan terjadi setelah sistem memverifikasi kredensial mereka?
Click Here to RedirectKeluaran
Menggunakan lokasi. href dan lokasi. mengganti
Selain menggunakan HTML, Anda juga dapat menggunakan Javascript untuk mengarahkan pengguna ke situs web Anda. Javascript menyediakan fungsi bawaan yang dapat digunakan untuk mengarahkan ulang. Anda dapat menggunakan lokasi. href dan lokasi. ganti untuk mengalihkan pengguna dari satu halaman ke halaman lainnya
Sintaksis
window.location.href = URL; window.location.replace(URL);
Anda dapat menambahkan pendengar acara seperti onClick untuk mensimulasikan klik tombol untuk pengalihan. Lokasinya. ganti fungsi menggantikan URL saat ini dengan yang Anda berikan, sementara lokasinya. href membuat link antara dua halaman. Ini berarti bahwa setelah Anda mengklik tombol yang mengalihkan menggunakan fungsi ganti, Anda tidak dapat menavigasi kembali ke dokumen asli menggunakan tombol kembali
Kode
Redirecting using location methods Href Function Replace Function _
Keluaran
Redirect ke Halaman Lain setelah Form Submit HTML
Jika Anda ingin pengguna dialihkan setelah mereka mengirimkan detailnya, Anda dapat menggunakan tag formulir. Atribut tindakan dan metode tag formulir dapat digunakan untuk mencapai ini. Atribut tindakan menentukan jalur ke mana URL akan dialihkan setelah formulir dikirimkan. Atribut metode menentukan metode HTTP yang perlu digunakan saat mengirimkan formulir
Email:
Setelah Anda mengisi form dan klik submit, maka Anda akan diarahkan ke bagian dashboard website tersebut
Bagaimana Cara Mengarahkan ke Halaman Web Lain Menggunakan jQuery atau JavaScript?
Jendela. lokasi. href dan jendela. lokasi. fungsi ganti dapat digunakan di JQuery juga. Anda dapat menambahkan pendengar acara ke elemen dalam HTML. Kemudian, Anda dapat menggunakan lokasi tersebut. href atau lokasi. ganti metode untuk mengarahkan ulang
Kode
Using Event Listener Click here to Redirect _
Keluaran
Pada kode di atas, Anda telah menambahkan event Listener click yang akan aktif saat Anda mengklik tombol. Ini akan mengaktifkan fungsi redirectFunction yang akan menggunakan lokasi. fungsi href untuk mengalihkan ke halaman lain