Hvordan få nettleseren til å gå tilbake til forrige side ved hjelp av JavaScript?

Å få en nettleser til å gå tilbake til forrige side ved hjelp av JavaScript er ganske enkelt. For å gjøre dette, bare tilgang til vindu Gjenstand for nettleserens vindu og dets historie eiendom. Etter det, bare bruk tilbake() Metode for historien for å flytte nettleseren til forrige oppføring på historielisten.

Ytterligere merknad: Med henvisning til forrige side med en Referansekode er ikke en god løsning. De fleste nye nybegynnere prøver ofte å bruke Referansekode for å gå til forrige side, og i nettleserens historie, registrerer den seg som et fremgang fremover. Så det er ikke en optimal løsning fordi nettleseren ikke går tilbake. Snarere er det faktisk fremover.

Metoden i søkelyset

Følgende metode brukes til å flytte nettleseren tilbake:

vindu.historie.tilbake()

Denne metoden tar verken noen parametere, og den gir ikke noe. Det flytter ganske enkelt nettleseren ett skritt tilbake i historien. La oss gå over et eksempel for å demonstrere dets arbeid

Trinn 1: Sett opp hjem.html

Opprett et HTML -dokument med navnet hjem, Og dette er den første siden som skal brukes til å flytte til en andre side. For å opprette dette HTML -dokumentet, bruk følgende linjer:

Dette er den første siden!
Klikk for å besøke den andre siden

I dette HTML -dokumentet, en Tag brukes til å flytte nettleseren "frem" på den andre siden. På dette tidspunktet viser nettleseren følgende utgang:

Nettsiden viser lenken for å gå til den andre siden, men for øyeblikket mangler den andre siden, så opprett det i neste trinn.

Trinn 2: Sett opp andresiden.html

Lag et annet HTML -dokument og navngi det andresiden.html. I denne filen, legg til følgende linjer:

Dette er den andre siden


Klikk på knappen nedenfor for å "tilbake" til forrige side






Ta meg tilbake!

I dette HTML -dokumentet har vi opprettet en knapp med en OnClick -eiendom satt til tilbake knapp(). Dette vil opprette følgende webside i nettleseren:

Knappens funksjonalitet for å ta nettleseren tilbake på knappetrykk mangler fortsatt. For dette, legg til følgende skriptetaggen inne i andresiden.html:

I denne skriptetoden, funksjonen tilbake knapp() er opprettet som vil bli kalt på knappetrykk. I denne funksjonen, tilbake() Metoden er brukt på eiendommen "historie" Bruke nettleseren vindu gjenstand.

Etter dette, last hjemmet.HTML i en nettleser og observer funksjonaliteten som følger:

Det er noen få ting å legge merke til:

• Til å begynne med var både spiss- og bakknappen i nettleseren deaktivert på grunn av ingen historie
• Å klikke på lenken tar brukeren til den andre siden
• Når du er på andre side, blir ryggknappen aktivert
• Å klikke på knappen på den andre siden tar brukeren tilbake på hjemmesiden.
• Bak -knappen er imidlertid deaktivert på hjemmesiden, og fremover -knappen er nå aktivert
• Dette betyr at nettleseren ikke ble omdirigert til hjemmesiden. Snarere ble den flyttet tilbake fra historien

Pakk opp

I JavaScript -delen av websidedokumentet, bruker du bare vindu.historie.tilbake() For å få nettleserne til å gå tilbake til forrige side hadde den besøkt. “vindu" er nettleserens vindusobjekt, "historie" er en eiendom av vindu objekt, og tilbake() er metoden som blir brukt på historien for å flytte nettleseren tilbake. Denne artikkelen brukte et trinn-for-trinn-eksempel for å demonstrere vinduets arbeid.historie.Back () Metode.