Hvordan stoppe nettleseren tilbake -knappen ved hjelp av JavaScript?

Det er mange forskjellige måter å deaktivere tilbakeknappen på eller i det minste rote med å jobbe med back -knappen slik at nettleserne ikke kan gå til forrige side. Imidlertid er det ikke et godt alternativ å deaktivere nettleserens back-knapp.

I denne artikkelen vil vi implementere en enkel logikk gjennom JavaScript, som hindrer nettleserne fra å gå til forrige side ved hjelp av vindu gjenstand.

Vinduet.historie.frem () Metode

I denne artikkelen vil vi stoppe den normale arbeidet med tilbake -knappen i nettleseren ved å bruke vindusobjektet. Og for å være presis, vil vi ta turen inn i vindusobjektets historie og flytte den “framover”Når nettleseren prøver å se på forrige side.

Demonstrasjon av vindu.historie.frem () Metode

For å starte, trenger vi to forskjellige HTML -sider. Den første siden kalles hjemmet.HTML, og den inneholder følgende linjer:

Klikk meg for å besøke neste side

Som du ser, lager vi ganske enkelt en der vi bare refererer til andresiden.html.

Etter det, bare opprette den andre HTML med det nøyaktige navnet Second Side.html. Og i dette HTML -dokumentet vil du legge til følgende linjer:

Dette er den andre siden

Denne andre siden inneholder bare tekst som forteller brukeren at dette er den andre siden. Å kjøre hjemmesiden vil gi følgende resultat på nettleseren:

Som du kan se, tar du å klikke på lenken oss til andre side, og fra den andre siden kan du trykke på back -knappen for å komme til hjemmet igjen.html

Nå i hjemmet.HTML -dokument, du skal legge til følgende skriptlinjer inne i skriptetoden:

I disse linjene får vi tilgang til historien til nettleserens vindusobjekt og kaller deretter fremover () -metoden for å flytte nettleseren tilbake til den andre siden. Dermed rote med den normale strømmen av tilbakeknappen i nettleseren.

Sentralt punkt

Dette skriptet vil bare fungere når historien har noen videre inngang til å gå til. Dette betyr at første gangs lasting av nettsiden aldri vil bli påvirket av dette.

Etter dette, bare åpne hjem Webside, klikk på lenken for å gå til den andre websiden, og prøv deretter å klikke på tilbakeknappen i nettleseren, så får du følgende utdata:

Som du ser, klikker du på tilbake knapp På nettleseren tar ikke oss tilbake til hjemmet.html snarere det tar oss igjen på andresiden.html

Konklusjon

For å stoppe arbeidet med nettleserens back -knapp ved hjelp av JavaScript. Du kan ganske enkelt ringe fremover () -metoden på nettleserenes historie når nettsiden har lastet inn. Nå for å få tilgang til denne historien, må vi bruke vindu gjenstand. Denne artikkelen har demonstrert vinduets arbeid.historie.Frem () Metode for å stoppe å jobbe med tilbakeknappen i nettleseren.