Mencipta butang belakang HTML

Sangat mudah untuk menambah butang kembali ke halaman web anda. Apabila pengunjung ke halaman anda mengklik butang, mereka akan dibawa ke halaman terakhir yang mereka lawati, seolah-olah mereka mengklik butang belakang dalam penyemak imbas mereka.

Anda boleh melakukannya dengan mengedit HTML halaman anda, dan menambah JavaScript sedikit.

Nota: Butang ini tidak berfungsi jika pengguna tidak mempunyai sejarah penyemakan imbas. Sebagai contoh, jika pengguna membuka halaman anda dalam tab atau tetingkap pelayar baru, tiada apa yang akan terjadi apabila mereka mengklik butang.

Menggunakan history.back

Dalam pelayar web, tetingkap objek JavaScript terbina dalam mempunyai objek yang dipanggil sejarah yang mengandungi URL yang dikunjungi oleh pengguna dalam tetingkap penyemak imbas semasa mereka. Anda boleh menggunakan kaedah history.back () untuk memberitahu pelayar untuk kembali ke laman sebelumnya pengguna.

Cara mudah untuk menggunakan JavaScript ini adalah untuk menambahkannya pada atribut acara pada butang pada atik. Di sini, kami akan mencipta butang menggunakan a elemen, yang mengandungi elemen jenis butang .

Masukkan HTML berikut ke dalam halaman web anda:

Hasilnya akan kelihatan seperti butang di bawah. Jika anda mengklik, anda akan kembali ke halaman sebelumnya dalam sejarah anda.

Menggunakan history.go

Kaedah history.go () memberitahu penyemak imbas untuk pergi ke halaman tertentu dalam sejarah penyemakan imbas pengguna. Anda boleh menentukan item sejarah mana dengan memasukkan nombor di dalam kurungan. Dalam pengaturcaraan komputer, ini dipanggil hujah.

Jika anda menyatakan nombor -1 sebagai hujah anda, penyemak imbas akan kembali satu halaman dalam sejarah penyemak imbas. Berikut adalah kod yang sama seperti di atas, menggunakan history.go (-1) dan bukan history.back () .