Klik javascript untuk membuat browser kembali ke halaman sebelumnya?


Jawaban:


447

Tambahkan ini di elemen input Anda

<input
    action="action"
    onclick="window.history.go(-1); return false;"
    type="submit"
    value="Cancel"
/>

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"/>

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.......

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();"/> 


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 ...


11

window.history.back ();

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

<script>
function goBack() {
    window.history.back();
}
</script>

8

Sederhana. Satu baris

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

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


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>

6

Bekerja untuk saya setiap saat

<a href="javascript:history.go(-1)">
    <button type="button">
        Back
    </button>
</a>
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.