HTML - Terugknop, navigatie


Een knop die vaak wordt gebruikt op websites is de navigatieknop om terug te gaan ofwel de Vorige of Terugknop. Met de terugknop gaat een bezoeker altijd terug naar de pagina waar hij vandaan kwam. Ook hieronder een volgende knop maar deze wordt in de praktijk weinig gebruikt. De knoppen werken hetzelfde als de twee knoppen in de browser.

Terugknop

<input type="button" value="Terug" onClick="history.back()">


Volgende knop

<input type="button" value="Terug" onClick="history.forward()">


Alternatief, link

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


Refresh knop

Door de bovenstaande code gebruikt voor de terugknop iets aan te passen maak je een knop die de geopende pagina zelf ververst. In dat geval wordt -1 gewijzigd naar 0.

<a href="javascript:history.go(0)">Terug</a>