tipo de entrada - botón Atrás?

Question

¿Cuál es el mejor método (navegador cruzado) para utilizar un botón de tipo de entrada, como un botón de retroceso del navegador?

Answer 1

¿Está buscando hacer algo como esto?

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

También es posible usar

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

Answer 2

"mejor" es un poco subjetiva.

@Mech Software tiene una solución aceptable, ya que es una llamada de función simple. Si solo está haciendo un botón de retroceder, probablemente sea el camino a seguir. Sin embargo, intento colocar el código donde pertenece:

HTML pertenece a .html, CSS pertenece a .css y JavaScript pertenece a los archivos .js. En lugar de darle al botón un atributo onclick, le daría una clase de back-button y adjuntaría el click oyente a cada elemento .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(); 
    }); 
}); 

Asumo la biblioteca jQuery, ya que es relativamente ubicua (que me haga saber si desea que la versión no jQuery de esto).

La razón por la que sugeriría este enfoque es que es ampliable. Si decide hacer algo más con sus botones de retroceso, o si los navegadores cambian (lo que ocurre todo el tiempo) es simple cambiar la funcionalidad en exactamente una ubicación, en lugar de tener que buscar cada instancia de onclick="history.back()".

Answer 3

Pruebe esto, funciona muy bien y se ve bien también.

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

Si no quieres que diga Enlace incorrecto entonces nosotros este

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

Y puede editar lo que el botón dice cambiando el "retorno" junto al valor = en la última línea.

Answer 4

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

La razón me gustaría sugerir este enfoque es que es ampliable. Si decides hacer algo más con los botones de la parte de atrás, o si los navegadores cambian (lo que sucede todo el tiempo) es simple cambiar la funcionalidad en exactamente una ubicación, en lugar de tener que buscar cada instancia de onclick="history.back()".