Tarayıcının önceki sayfaya geri dönmesini sağlamak için javascript'i tıklayın?


Yanıtlar:


447

Bunu giriş öğenize ekleyin

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

52
Bu benim için tüm tarayıcılarda çalışmıyor, aşağıdakileri yapmak zorunda kaldım <input action="action" type="button" value="Back" onclick="window.history.go(-1); return false;" />Bu cevap oldukça eski, bu yüzden tarayıcıların daha modern sürümlerinde tanıtılan bir sorun olabilirdi. :)
ctrlplusb

4
Bu, bir önceki sayfayı önbellekten gösterir mi veya bir önceki sayfayı sunucudan yeniden yükler mi?
Adrien

7
Ne action="action"için? Ve geçerli html mi ??
ban-geoengineering

@Adrien - onun javascript, bu yüzden tarayıcıda çalışıyor. Tarayıcı, önbelleğe alınmış sayfayı yeniden kullanmalıdır (tarayıcı ayarlarının ve sayfa http başlık ayarlarının buna izin verdiği varsayılarak).
ToolmakerSteve

Satır içi JS'nin üretimde kullanılmaması gerektiğine dikkat edin: 1. JS kodu özel ve simge durumuna küçültülmüş .jsdosyalarda olmalıdır 2. XSS enjeksiyonlarını azaltmak için satır içi JS, İçerik Güvenliği İlkesi aracılığıyla devre dışı bırakılmalıdır
Theophany

120
history.back()

veya

history.go(-1)

Bunu düğme onclicktutamağına koyun . Şöyle görünmelidir:

<input name="action" onclick="history.back()" type="submit" value="Cancel"/>

11
Tıklayın kolu tıklayın
Vadim

7

3
Bununla ilgili tarayıcı desteği nedir?
Costa

98

Önceki sayfaya gitmek için

İlk Yöntem

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

İkinci Yöntem

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

birden fazla adım geri dönmek istiyorsak

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, sayfada JavaScript etkin değilse (çalışmıyorsa) hiçbir şey yapmayan bir bağlantıdır. JavaScript çalışıyorsa, tarayıcıyı bir sayfa geri alır.
Jeromy Fransız

14
<input name="action" type="submit" value="Cancel" onclick="window.history.back();"/> 


12

Kısa!

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

http://jsfiddle.net/qXrbx/

.go(-number)O zaman bu yöntemi tercih ediyorum, 1 veya birçok 'arka' için / hatırla / güncelle / ara, vb.Kullanmak için sadece 1 yöntem var.

Ayrıca, geri düğmesi için bir etiket kullanmak, ad ve tür içeren etiketlerden daha uygun görünüyor ...


11

) (Window.history.back;

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

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

8

Basit. Tek çizgi.

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

Wim ve Malik'in yanıtı gibi, ama sadece bir satırda.


İyi çalışıyor, ancak çoğu zaman kullanıcı böyle bir düğmeyle belirli bir sayfadaki dili değiştirmeye karar verirse, önceki sayfaya geri dön düğmesi sayfa yerine dili geri döndürür ...
Marek Bernád

6

Mevcut tüm tarayıcılarda çalışan tek şey budur:

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

6

Her zaman benim için çalış

<a href="javascript:history.go(-1)">
    <button type="button">
        Back
    </button>
</a>
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.