Paano Gumawa ng Back Button ng Website

Kodigo ng Bumalik ng JavaScript para sa isang Pahina ng HTML

Ang isang back button na built-in sa isang browser, siyempre, ay nagbibigay-daan sa iyo upang ilipat pabalik upang bumalik sa nakaraang pahina ikaw ay nasa. Maaari ka ring gumawa ng isa na nakasalalay sa loob ng web page mismo, gamit ang ilang JavaScript code.

Ang pindutan na ito, kapag nag-click, ay dadalhin ang mambabasa pabalik sa pahina na nasa kanila bago sila dumating sa kasalukuyang pahina gamit ang button. Gumagana ito tulad ng back button sa mga web browser.

Pangunahing Back Button Code

Ang pangunahing code para sa isang back button na link ay napaka-simple:

Bumalik

Ang kailangan mo lang gawin sa back button code ay kopyahin at i-paste ito kahit saan mo nais na ma-link ang "Go Back" na link sa iyong pahina. Maaari mo ring baguhin ang teksto para mabasa ito bilang iba pa.

Bumalik na Pindutan Gamit ang isang Larawan

Kung mas gugustuhin mong hindi magkaroon ng isang simpleng pindutan ng back button, maaari kang palaging magdagdag ng isang imahe dito para sa ilang dagdag na uniqueness.

Ang imahe ay pumapalit sa bahagi ng back button code kung saan nakikita mo ang mga salitang "Go Back" sa halimbawa sa itaas. Gumagana ito sa pamamagitan ng pagtanggal sa tekstong iyon at pagpapalit nito sa code na magpapakita ng isang imahe sa halip ng tekstong iyon.

Para sa mga ito, kailangan mo ang URL ng imahe na dapat gamitin ng back button, tulad nito:

http://examplewebsite.com/name_of_graphic.gif

Tip: Ang Imgur ay isang lugar na maaari mong i-upload ang iyong pindutan ng imahe kung wala ito sa online.

Pagkatapos, nais mong ipasok ang link na direkta sa INSERT na seksyon na nakikita mo dito (siguraduhing panatilihin ang mga quote buo):

INSERT ">

Ang aming halimbawa ay magiging ganito: