Kode HTML and JavaScript untuk tombol “back” menuju kehalaman sebelumnya


Kita dapat menampilkan tombol kembali menggunakan kode html dalam halaman kita yang dapat mengambil jendela browser ke halaman sebelumnya. Halaman ini akan memiliki tombol atau link dan dengan mengklik browser akan kembali ke halaman sebelumnya. Hal ini dapat dilakukan dengan menggunakan html atau dengan menggunakan JavaScript di sisi klien.
HTML kode untuk tombol kembali dapat ditempatkan dimana saja di dalam halaman (atau di dalam tag body). Tombol ini akan bekerja sama dengan tombol back di tool bar browser kita. Disini juga kita dapat mengatur untuk pergi sebelumnya atau lebih dari satu langkah dari halaman. Berikut ini adalah tombol kita dan kode sederhana untuk tombol back di browser kita.
Berikut adalah kode tombol ” back”:
<input TYPE=”button” VALUE=”Back” onClick=”history.go(-1);”>
Kode ini akan menampilkan satu tombol dan Anda dapat mengubah nilai parameter untuk menampilkan teks pada tombol. Berikut adalah tombol untuk membawa Anda kembali ke halaman sebelumnya. Perhatikan bahwa acara onClick dapat diatur untuk history.go (-3); untuk mundur tiga langkah. Kita dapat menggunakan 2 juga untuk bergerak maju dua langkah.
Menggunakan JavaScript
Dapat menggunakan JavaScript untuk menciptakan link untuk membawa kita kembali ke halaman sebelumnya atau history. Berikut ini adalah kode untuk memindahkan kembali browser sisi klien menggunakan JavaScript.
<a href = “javascript:history.back()”> Kembali ke halaman sebelumnya </ a>
JavaScript harus diaktifkan pada browser klien. Jika tidak, kode ini tidak akan bekerja.

Komentar

Postingan populer dari blog ini

Login, Session, dan Logout

Cara Membuat File Setup / Installer Aplikasi Sendiri dengan Inno Setup Compiler