Hogyan hozzunk létre egy weboldal vissza gombját

JavaScript Back Button kód egy HTML oldalhoz

A böngészőbe beépített vissza gomb természetesen lehetővé teszi, hogy visszalépjen az előző oldalra való visszatéréshez. Azt is megteheti, hogy az egyik, amely nyugszik a weboldalon, néhány JavaScript kódot.

Ez a gomb, ha rákattintunk, visszaadja az olvasót az oldalra, amelyen a gomb megnyomása előtt az aktuális oldalra került. Úgy működik, mint a vissza gomb a webböngészőkben.

Alap vissza gomb kód

Az alapkód egy vissza gomb kapcsolatra nagyon egyszerű:

Mindössze annyit kell tennie, hogy ez a vissza gomb kódja másolja és illessze be, bárhová is akarja, hogy a "Visszalépés" link megtalálható az oldalon. Azt is megváltoztathatja a szöveget, hogy olvassa el, mint valami mást.

Vissza gomb egy képzel

Ha inkább nem egy egyszerű szöveg vissza gomb, akkor mindig hozzáadhat hozzá egy képet egy extra egyediséghez.

A kép helyettesíti a vissza gomb kódját, ahol a fenti példában a "Visszalépés" szavak láthatók. Ez úgy működik, hogy törli ezt a szöveget, és kicseréli azt a kódot, amely a szöveg helyére egy képet jelenít meg.

Ehhez szüksége van a visszafelé mutató gomb által használt kép URL-jére :

Tipp: Az Imgur egy olyan hely, ahol feltöltheti gombképét, ha nem létezik már az interneten.

Aztán be szeretné illeszteni a hivatkozást közvetlenül az itt látható INSERT részbe (győződjön meg róla, hogy az idézőjelek érintetlenek maradnak):