The Back Funksjon i HTML-koding

March 11

Brukere som regel navigere tilbake til tidligere besøkte websider gjennom navigasjonsknappene i nettleseren. Imidlertid kan en programmerer bruke Javascript for å etterligne denne funksjonaliteten. Ved å bruke "historie" objekt inni en Javascript-funksjon, sammen med en HTML-inngang knapp, kan du bygge en knapp som navigerer brukeren tilbake til den forrige websiden besøkt, akkurat som nettleserens "Back" -knappen.

HTML Button Input

HTML "<input>" tag viser en bruker input-feltet i nettleseren. Den type inndata avhenger av type av inngangssignalet. HTML programmerere kan sette inn tekst input felt, passord input felt, avmerkingsbokser, og klikkbare knapper. I dette eksemplet oppretter du en knapp som brukeren kan klikke. Denne knappen aktiverer "goback ()" Javascript-funksjonen, som sender brukeren tilbake til den sist viste siden.

Historien Object

For å få surfer informasjon fra nettleseren, bruk "History" objekt. Historien objekt har noen medlemsfunksjoner, for eksempel lengden på nettleserens historikk liste og web-sider du har besøkt tidligere. Dra nytte av historien objektets "go ()" -funksjonen når du oppretter en sikkerhetskopi navigasjonsknapp med skriptet. Farten () -funksjonen tar et heltall som argument og laster URL det er at avstanden fra nåværende posisjon i nettleserens historikk / Å gå tilbake til den forrige websiden, bruker farten () -funksjonen en verdi på -1.

Javascript-funksjonen

For å gjøre koden mer lesbar, sette goback () -funksjonen i overskriften i HTML-dokumentet. Funksjonen vil kjøre kommandoen for å navigere nettleseren til forrige side i historien ved å ringe farten () funksjon av historien objektet. Følgende kode illustrerer goback () -funksjonen.

<Head>

funksjon goback () {

history.go (1);

}

</ Head>

Koden All Together

Den følgende koden illustrerer HTML-dokument som inneholder alle elementene i koden som de skal vises. Javascript er bosatt i overskriften, mens knappen innspill vil være i en "form" -feltet.

<Html>

<Head>

funksjon goback () {

history.go (1);

}

</ Head>

<Body>

</ Form>

</ Body>

</ Html>