Opprette en HTML-tilbakeknapp

Det er enkelt å legge til en tilbakeknapp på websiden din. Når en besøkende på siden klikker på knappen, blir de tatt til den siste siden de besøkte, akkurat som om de klikket på tilbakeknappen i nettleseren.

Du kan oppnå dette ved å redigere HTML-siden til siden din, og legge til litt JavaScript.

Merk: Disse knappene virker ikke hvis brukeren ikke har noen nettleserlogg. For eksempel, hvis brukeren åpner siden din i en ny nettleserfane eller et vindu, skjer ingenting når de klikker på knappen.

Bruke history.back

I en nettleser har det innebygde JavaScript-objektvinduet et objekt som heter historie som inneholder nettadressene en bruker har besøkt i sitt nåværende nettleservindu. Du kan bruke metoden history.back () for å fortelle nettleseren om å gå tilbake til brukerens forrige side.

En enkel måte å bruke denne JavaScript på er å legge den til på- klikk- hendelsesattributtet på en knapp. Her vil vi opprette knappen ved hjelp av en element, som inneholder en element av knappetypen .

Sett inn følgende HTML i din nettside:

Resultatet vil se ut som knappen nedenfor. Hvis du klikker på det, går du tilbake til forrige side i historien din.

Bruk history.go

History.go () -metoden forteller at nettleseren skal gå til en bestemt side i brukerens nettleserlogg. Du kan angi hvilket historikkelement ved å sette et tall inne i parentesene. I dataprogrammering kalles dette et argument.

Hvis du angir nummer -1 som argument, vil nettleseren gå tilbake en side i nettleserens historie. Her er den samme koden som ovenfor, ved å bruke history.go (-1) i stedet for history.back () .