Membuat tombol kembali HTML

Sangat mudah untuk menambahkan tombol kembali ke halaman web Anda. Ketika pengunjung ke halaman Anda mengklik tombol, mereka akan dibawa ke halaman terakhir yang mereka kunjungi, sama seperti mereka mengklik tombol kembali di browser mereka.

Anda dapat melakukannya dengan mengedit HTML halaman Anda, dan menambahkan sedikit JavaScript.

Catatan: Tombol-tombol ini tidak akan berfungsi jika pengguna tidak memiliki riwayat perambanan. Misalnya, jika pengguna membuka halaman Anda di tab atau jendela browser baru, tidak ada yang terjadi ketika mereka mengklik tombol.

Menggunakan history.back

Di browser web, jendela objek JavaScript bawaan memiliki objek bernama riwayat yang berisi URL yang dikunjungi pengguna di jendela browser saat ini. Anda dapat menggunakan metode history.back () untuk memberi tahu browser untuk kembali ke halaman pengguna sebelumnya.

Cara mudah untuk menggunakan JavaScript ini adalah menambahkannya ke atribut acara onclick tombol. Di sini, kita akan membuat tombol menggunakan a elemen, yang mengandung elemen dari jenis tombol .

Masukkan HTML berikut ke halaman web Anda:

Hasilnya akan terlihat seperti tombol di bawah ini. Jika Anda mengkliknya, Anda akan kembali ke halaman sebelumnya dalam riwayat Anda.

Menggunakan history.go

Metode history.go () memberi tahu browser untuk membuka halaman tertentu dalam riwayat penelusuran pengguna. Anda dapat menentukan item riwayat mana dengan memasukkan nomor di dalam tanda kurung. Dalam pemrograman komputer, ini disebut argumen.

Jika Anda menentukan angka -1 sebagai argumen Anda, browser akan kembali satu halaman dalam riwayat browser. Berikut kode yang sama seperti di atas, menggunakan history.go (-1) alih-alih history.back () .