Hoe de vorige pagina-URL in JavaScript te krijgen

U kunt de document.referrer . gebruiken eigenschap om de URL van de vorige pagina in JavaScript te krijgen. Het is een alleen-lezen eigenschap die de URL retourneert van het document dat het huidige document heeft geladen.

let lastPageUrl = document.referrer
console.log(`Last visited page URL is ${lastPageUrl}`)

Merk op dat document.referrer is niet 100% nauwkeurig. Meestal krijgt u de URL van de laatste pagina die de gebruiker heeft bezocht als deze naar de huidige pagina is gegaan door op een link te klikken.

De waarde van document.referrer zal een lege tekenreeks zijn als de gebruiker rechtstreeks naar de pagina navigeerde door de URL in de adresbalk te typen of een bladwijzer te gebruiken.

Nog iets dat van invloed is op de waarde van document.referrer is rel="noreferrer" HTML-kenmerk. Dit voorkomt dat de verwijzingsinformatie wordt doorgegeven aan de doelwebsite door de verwijzingsinformatie uit de HTTP-header te verwijderen.

Als u op een link klikt met de rel="noreferrer" HTML-kenmerk, u krijgt geen verwijzende informatie op de openingspagina.

Als u gewoon terug wilt naar de vorige pagina zonder de URL te kennen, kunt u de HTML5 History API gebruiken:

history.back() // Go back to last visited page
history.forward() // Go to the next page