Klik javascript untuk membuat browser kembali ke halaman sebelumnya?

252

Apakah ada fungsi yang dapat saya lampirkan sebagai acara klik tombol untuk membuat browser kembali ke halaman sebelumnya?

<input name="action" type="submit" value="Cancel"/>
javascript html browser onclick dom-events Liburan Doc
sumber
7
window.history.back ()
John Strickler

Jawaban:

447

Tambahkan ini di elemen input Anda

<input
    action="action"
    onclick="window.history.go(-1); return false;"
    type="submit"
    value="Cancel"
/>
bajingan
sumber
52
Ini tidak berfungsi di semua browser untuk saya, saya harus melakukan yang berikut. <input action="action" type="button" value="Back" onclick="window.history.go(-1); return false;" />Jawaban ini cukup lama, sehingga bisa menjadi masalah yang diperkenalkan ke versi browser yang lebih modern. :)
ctrlplusb
4
Apakah ini menunjukkan halaman sebelumnya dari cache atau memuat kembali halaman sebelumnya dari server?
Adrien
7
Untuk apa action="action"bagian itu? Dan apakah itu html valid ??
larangan geoengineering
@Adrien - javascript-nya, jadi itu berjalan di browser. Browser harus menggunakan kembali halaman yang di-cache (dengan asumsi pengaturan browser dan pengaturan header halaman http mengizinkannya).
ToolmakerSteve
Perhatikan bahwa inline JS tidak boleh digunakan dalam produksi karena: 1. Kode JS harus dalam .jsfile yang didedikasikan dan dikurangi 2. inline JS harus dinonaktifkan melalui Kebijakan Keamanan Konten untuk mengurangi injeksi XSS
Theophany
120 
history.back()

atau

history.go(-1)

Masukkan ini ke onclickpegangan tombol . Seharusnya terlihat seperti ini:

<input name="action" onclick="history.back()" type="submit" value="Cancel"/>
Vadim
sumber
11
Masukkan ini ke tombol onClick handle
Vadim
7
Anda bisa lebih jernih seperti memberikan jawaban dalam kode
WowThatsLoud
3
Apa dukungan browser untuk itu?
Costa
98

Untuk Ke halaman sebelumnya

Metode pertama

<a href="javascript: history.go(-1)">Go Back</a>

Metode Kedua

<a href="##" onClick="history.go(-1); return false;">Go back</a>

jika kita ingin lebih dari satu langkah mundur maka meningkat 

For going 2 steps back history.go(-2)
For going 3 steps back history.go(-3)
For going 4 steps back history.go(-4)
and so on.......
Rizwan Gill
sumber
2
@JeromeJ itu adalah tautan yang tidak melakukan apa-apa jika JavaScript tidak diaktifkan / bekerja (untuk alasan apa pun) pada halaman. Jika JavaScript berfungsi, browser akan mengembalikan satu halaman.
Jeromy French
14 
<input name="action" type="submit" value="Cancel" onclick="window.history.back();"/>
hspain
sumber
12

Anda hanya perlu menghubungi yang berikut ini:

history.go(-1);
Rich O'Kelly
sumber
12

Namun terpendek!

<button onclick="history.go(-1);">Go back</button>

http://jsfiddle.net/qXrbx/

Saya lebih suka .go(-number)metode seperti itu, untuk 1 atau banyak 'punggung' hanya ada 1 metode untuk menggunakan / ingat / perbarui / cari, dll.

Selain itu, menggunakan tag untuk tombol kembali tampaknya lebih sesuai daripada tag dengan nama dan jenis ...

Michael Durrant
sumber
11

window.history.back ();

<button onclick="goBack()">Go Back</button>

<script>
function goBack() {
    window.history.back();
}
</script>
Malik Khalil
sumber
8

Sederhana. Satu baris

<button onclick="javascript:window.history.back();">Go Back</button>

Seperti jawaban Wim dan Malik, tetapi hanya dalam satu baris.

Andre Mesquita
sumber
Bekerja dengan baik, tetapi seringkali jika pengguna memutuskan untuk mengubah bahasa pada halaman tertentu dengan tombol seperti ini, tombol kembali ke halaman sebelumnya akan mengubah bahasa kembali, alih-alih halaman ...
Marek Bernád
6

Ini adalah satu-satunya yang berfungsi pada semua browser saat ini:

<script>
function goBack() {
    history.go(-1);
}
</script>
<button onclick="goBack()">Go Back</button>
Wim Mostrey
sumber
6

Bekerja untuk saya setiap saat

<a href="javascript:history.go(-1)">
    <button type="button">
        Back
    </button>
</a>
Mannu saraswat
sumber