Gebruikersgeschiedenis en een terugknop maken

• Mei 8, 2024

JavaScript wordt vaak gebruikt om een ​​terugknop te maken om terug te keren naar de eerder bekeken pagina. Je ziet vaak zoiets onderaan een webpagina:



Dit kan handig zijn. Wanneer u klaar bent met het lezen van een webpagina, bevindt uw muisaanwijzer zich vaak onder in het venster, zodat het handig kan zijn om vanaf de onderkant te navigeren. Voordat u echter een geschiedenisknop toevoegt, zijn er een aantal belangrijke vragen om over na te denken:

Wat betekent terug in de context van uw webpagina?
Waar willen uw lezers naar terug?
Waar wilt u dat uw lezers naartoe gaan?
Komen deze allemaal overeen met de URL in de browsergeschiedenis?

Al te vaak vind ik een echt geweldige webpagina van een zoekopdracht op internet of een link die duidelijk deel 2 of 3 van een grotere serie is. Ik zie een terugknop, druk erop en denk dat het me terug zal brengen naar de vorige pagina in de serie en terug zal keren naar de vorige pagina in mijn geschiedenis. Ik ga terug naar de pagina waarin ik ben geïnteresseerd, kijk rond en er is geen link naar een index of de eerste pagina in een serie. Er is een knop Volgende of Vooruit, het spiegelbeeld van degene die ik heb geprobeerd, en deze gaat naar de volgende pagina in de serie. Dit is waarschijnlijk een slecht gebruik van de geschiedenisfunctie.

Er zijn uitstekende toepassingen van de geschiedenisfunctie. Als u moeilijke of onbekende woorden aan een woordenlijst koppelt, kan het handig zijn om na elk item in de woordenlijst een terugknop te gebruiken. U kunt op verschillende plaatsen op uw site linken naar hetzelfde item in de woordenlijst en mensen zullen waarschijnlijk terug willen naar de pagina die ze aan het lezen waren nadat ze de term hadden opgezocht.

U moet ook onthouden dat het mogelijk is dat de URL in de geschiedenis niet teruggaat naar de pagina die uw gebruiker eerder heeft bekeken. Er zijn verschillende manieren om JavaScript te gebruiken om de inhoud van de pagina te wijzigen zonder de URL in de geschiedenis te wijzigen. Als u een van deze functies gebruikt en geschiedenisfuncties wilt implementeren, moet u deze zelf implementeren. Het voordeel hiervan is dat je, in tegenstelling tot de browsergeschiedenis, de leiding hebt over wat erin zit. Het nadeel is dat het alleen werkt met uw site.

Zodra u besluit dat u een geschiedenisfunctie wilt implementeren, is dit heel eenvoudig. Het enige wat u hoeft te doen is uw afbeelding te koppelen aan een URL met de vorm:

Ga terug

Of stel een geschikte gebeurtenis in om window.history.back () aan te roepen

Video-Instructies: The History of John Cena (Mei 2024).