typ wejścia - przycisk powrotu?

Question

Jaka jest najlepsza metoda (krzyżowa przeglądarka), aby użyć przycisku typu wejścia, jako przycisku wstecz przeglądarki?

Answer 1

Szukasz czegoś takiego?

<input type="button" onclick="history.back();" value="Back"> 

Można również użyć

<input type="button" onclick="history.go(-1);" value="Back"> 

Answer 2

"Najlepsza" jest trochę subiektywna.

@Mech Software ma akceptowalne rozwiązanie, ponieważ jest to proste wywołanie funkcji. Jeśli wykonujesz tylko jeden przycisk Wstecz, prawdopodobnie jest to właściwy sposób. Jednak próbuję umieścić kod tam, gdzie należy:

HTML należy do .html, CSS należy do .css, a JavaScript do plików .js. Zamiast nadawać przyciskowi atrybutu onclick, dałbym mu klasę back-button i dołączam detektor click do każdego elementu .back-button.

_HTML:

<input type="button" class="back-button" value="Back" /> 
<!-- or --> 
<button type="button" class="back-button">Back</button> 

_JS:

jQuery(function($){ 
    $('.back-button').click(function(e){ 
    history.back(); 
    }); 
}); 

Jestem zakładając bibliotekę jQuery, gdyż jest to stosunkowo powszechny (daj mi znać, jeśli chcesz wersję non-jQuery tego).

Powodem, dla którego sugeruję to podejście, jest możliwość rozszerzenia. Jeśli zdecydujesz się zrobić coś więcej za pomocą przycisków wstecz lub jeśli zmieni się przeglądarka (co dzieje się zawsze przez cały czas), łatwo jest zmienić funkcję w dokładnie jednej lokalizacji, zamiast ścigać każde wystąpienie onclick="history.back()".

Answer 3

Spróbuj To działa naprawdę dobrze i też wygląda schludnie.

<center> 
<script> 
function goBack() 
    { 
    window.history.back() 
    } 
</script> 
Wrong Link? <input type="button" value="Go Back" onclick="goBack()"/> 
</center> 

Jeśli nie chcesz to powiedzieć Zły link potem nam ten

<center> 
<script> 
function goBack() 
    { 
    window.history.back() 
    } 
</script> 
<input type="button" value="Go Back" onclick="goBack()"/> 

I można zmieniać co przycisk mówi zmieniając „Go Back” obok value = w ostatnim wierszu.

Answer 4

<input type="button" onclick="history.back();" value="Back"> 

Powodem sugeruję tego podejścia jest to, że rozszerzalna. Jeśli zdecydujesz się zrobić coś więcej za pomocą przycisków wstecz lub jeśli zmieniają się przeglądarki (co dzieje się przez cały czas), łatwo jest zmienić funkcję w dokładnie jednej lokalizacji, zamiast ścigać każde wystąpienie onclick="history.back()".