De los tres códigos que presentamos a continuación, probablemente el más practico es el enlace volver atrás. Seria por ejemplo es caso de un usuario que tras enviar el mensaje a través del formulario de contacto de nuestra web, quiere volver al formulario. Tambien cuando tenemos un listado de artículos en nuestra web, y queremos que el usuario, tras ver uno de los articulos, pueda volver a la página que contiene la relación de artículos.
Los enlaces los presento en tres versiones: 1) enlace de texto; 2) enlace con imagen; y 3) enlace con botón de formulario.
Solo me queda decir que, donde aparece -1 o 1 si cambiamos ese valor por un 2, por ejemplo, en lugar de volver una página atrás o 1 adelante, iriamos dos páginas atrás o adelante.
<html>
<head>
<title>Hipervinculos atrás, adelante y actualizar con enlace de texto,
de imagen y botón</title>
</head>
<body>
<a href="javascript:history.go(-1)">Atrás</a>
<a href="javascript:history.go(1)">Adelante</a>
<a href="javascript:history.go(0)">Actualizar</a>
<a href="javascript:history.go(-1)">
<img border="0" src="imagen1.jpg" width="100" height="20"></a>
<a href="javascript:history.go(1)">
<img border="0" src="imagen2.jpg" width="100" height="20"></a>
<a href="javascript:history.go(0)">
<img border="0" src="imagen3.jpg" width="100" height="20"></a>
<input TYPE="button" VALUE=" ATRÁS " onClick="history.go(-1)">
<input TYPE="button" VALUE=" ADELANTE " onCLick="history.go(1)">
<input TYPE="button" VALUE="ACTUALIZAR" onCLick="history.go(0)">
</body>
</html>