HTML-takaisin-painikkeen luominen

Takaisin-painike on helppo lisätä Web-sivullesi. Kun sivusi kävijä napsauttaa painiketta, ne viedään viimeiselle sivulle, jota he vierailivat, aivan kuin ne napsauttivat selaimensa takaisin-painiketta.

Voit tehdä tämän muokkaamalla sivusi HTML-koodia ja lisäämällä siihen pienen JavaScriptin.

Huomautus: Nämä painikkeet eivät toimi, jos käyttäjällä ei ole selaushistoriaa. Jos käyttäjä esimerkiksi avaa sivun uudessa selaimen välilehdessä tai ikkunassa, mitään ei tapahdu, kun ne napsauttavat painiketta.

History.backin käyttäminen

Web-selaimessa sisäänrakennetulla JavaScript-objektikkunalla on objekti nimeltä historia, joka sisältää URL-osoitteet, jotka käyttäjä on käynyt nykyisessä selainikkunassaan. Voit käyttää history.back () -menetelmää kertoa selaimelle palataksesi käyttäjän edelliselle sivulle.

Helppo tapa käyttää tätä JavaScriptiä on lisätä se onclick- tapahtuman määritteeseen. Täällä luomme painikkeen a elementti, joka sisältää painikkeen tyyppi.

Lisää seuraava HTML-koodi verkkosivullesi:

Tulos näyttää alla olevasta painikkeesta. Jos napsautat sitä, palaat edellisen sivun historiaan.

Historia.go

History.go () -menetelmä kertoo selaimelle mennä tiettyyn sivuun käyttäjän selaushistoriassa. Voit määrittää, mikä historian kohde on asettamalla numero suluissa. Tietokoneohjelmoinnissa tätä kutsutaan argumentiksi.

Jos määrität argumenttisi numeron -1, selain palaa yhden sivun selaimen historiaan. Tässä on sama koodi kuin yllä, käyttäen history.go (-1):historian.back () sijaan.