Menggunakan a href="javascript:history.back(-1)" untuk Kembali ke Halaman Sebelumnya
Dalam pengembangan web, kita seringkali perlu mengarahkan pengguna kembali ke halaman sebelumnya. Salah satu cara untuk mencapai hal ini adalah dengan menggunakan tag <a> dengan atribut href yang mengarah ke JavaScript history.back(-1).
Apa itu history.back(-1)?
history.back(-1) adalah metode JavaScript yang digunakan untuk kembali ke halaman sebelumnya dalam riwayat penjelajahan pengguna. Metode ini memanfaatkan objek history yang menyimpan riwayat halaman yang telah dikunjungi oleh pengguna.
Bagaimana Menggunakannya?
Berikut adalah contoh kode HTML untuk menggunakan a href="javascript:history.back(-1)":
Kembali ke Halaman Sebelumnya
Kode ini akan membuat sebuah link dengan teks "Kembali ke Halaman Sebelumnya". Ketika link ini diklik, pengguna akan diarahkan kembali ke halaman sebelumnya dalam riwayat penjelajahan mereka.
Kelebihan dan Kekurangan
Kelebihan:
- Sederhana dan Mudah Diterapkan: Metode ini sangat mudah diterapkan dan tidak memerlukan kode JavaScript yang kompleks.
- Dukungan Browser yang Luas: Hampir semua browser modern mendukung metode
history.back().
Kekurangan:
- Tidak Mendukung Riwayat yang Dalam: Metode
history.back(-1)hanya dapat kembali ke halaman sebelumnya. Untuk kembali ke halaman yang lebih jauh dalam riwayat, diperlukan metode tambahan. - Tidak Menampilkan Navigasi Browser: Ketika pengguna mengklik link ini, navigasi browser tidak akan ditampilkan, yang dapat membuat pengguna bingung.
Alternatif
Sebagai alternatif, Anda dapat menggunakan tombol "Kembali" standar browser atau menggunakan JavaScript window.history.go(-1) yang memiliki fungsi yang sama dengan history.back(-1).
Kesimpulan
a href="javascript:history.back(-1)" adalah cara yang mudah dan sederhana untuk membuat link yang mengarahkan pengguna kembali ke halaman sebelumnya. Namun, penting untuk memahami kekurangannya dan memilih metode yang sesuai dengan kebutuhan Anda.