Het is gemakkelijk om een ​​terugknop aan uw webpagina toe te voegen. Wanneer een bezoeker van uw pagina op de knop klikt, worden ze naar de laatste pagina gebracht die ze hebben bezocht, net alsof ze op de knop Vorige in hun browser hebben geklikt.

U kunt dit bereiken door de HTML van uw pagina te bewerken en een beetje JavaScript toe te voegen.

Opmerking: deze knoppen werken niet als de gebruiker geen browsegeschiedenis heeft. Als de gebruiker bijvoorbeeld uw pagina opent in een nieuw browsertabblad of -venster, gebeurt er niets wanneer hij op de knop klikt.

History.back gebruiken

In een webbrowser heeft het ingebouwde JavaScript-objectvenster een object met de naam geschiedenis dat de URL's bevat die een gebruiker in zijn huidige browservenster heeft bezocht. U kunt de methode history.back () gebruiken om de browser te laten terugkeren naar de vorige pagina van de gebruiker.

Een eenvoudige manier om dit JavaScript te gebruiken, is door het aan het gebeurteniskenmerk onclick van een knop toe te voegen. Hier zullen we de knop maken met behulp van een element, bevat een element van het knoptype .

Voeg de volgende HTML in uw webpagina in:

Het resultaat ziet eruit als de onderstaande knop. Als u erop klikt, gaat u terug naar de vorige pagina in uw geschiedenis.

Gebruik van history.go

De methode history.go () vertelt de browser om naar een specifieke pagina in de browsegeschiedenis van de gebruiker te gaan. U kunt opgeven welk geschiedenisitem u wilt invoegen door een getal tussen haakjes te zetten. In computerprogrammering wordt dit een argument genoemd.

Als u het getal -1 opgeeft als uw argument, gaat de browser één pagina terug in de geschiedenis van de browser. Hier is dezelfde code als hierboven, met behulp van history.go (-1) in plaats van history.back () .