Oprettelse af en HTML-tilbage-knap

Det er nemt at tilføje en tilbage-knap til din webside. Når en besøgende på din side klikker på knappen, bliver de taget til den sidste side, de besøgte, ligesom hvis de klikede på knappen Tilbage i deres browser.

Du kan opnå dette ved at redigere HTML på din side og tilføje lidt JavaScript.

Bemærk: Disse knapper virker ikke, hvis brugeren ikke har nogen browsinghistorik. Hvis brugeren f.eks. Åbner din side i en ny browserfane eller et vindue, sker der intet, når de klikker på knappen.

Brug af history.back

I en webbrowser har det indbyggede JavaScript-objektvindue et objekt kaldet historie, der indeholder de webadresser, en bruger har besøgt i deres nuværende browservindue. Du kan bruge metoden history.back () til at fortælle browseren at gå tilbage til brugerens forrige side.

En nem måde at bruge denne JavaScript på er at tilføje den til en onclick-eventattribut på en knap. Her vil vi oprette knappen ved hjælp af en element, der indeholder en element i knappetypen .

Indsæt følgende HTML i din webside:

Resultatet vil se ud som knappen nedenfor. Hvis du klikker på det, går du tilbage til den forrige side i din historie.

Brug af history.go

Metoden history.go () fortæller browseren at gå til en bestemt side i brugerens browserhistorik. Du kan angive hvilket historikobjekt ved at sætte et tal inde i parenteserne. I computerprogrammering kaldes dette et argument.

Hvis du angiver tallet -1 som dit argument, går browseren tilbage en side i browserenes historie. Her er den samme kode som ovenfor ved hjælp af history.go (-1) i stedet for history.back () .