Web Sitesi Geri Düğmesi Nasıl Oluşturulur

HTML Sayfası için JavaScript Geri Düğmesi Kodu

Bir tarayıcıda yerleşik bir geri düğmesi elbette, bulunduğunuz önceki sayfaya geri dönmek için geriye doğru hareket etmenizi sağlar. Ayrıca, bazı JavaScript kodlarını kullanarak web sayfasının kendisinde bulunan bir tane de yapabilirsiniz.

Bu buton tıklandığında, okuyucuyu mevcut sayfaya gelmeden önce bulunduğu sayfaya geri götürecektir. Web tarayıcılarındaki geri düğmesi gibi çalışır.

Temel Geri Düğme Kodu

Geri düğmesi bağlantısı için temel kod çok basit:

Geri Dön

Bu geri düğmesiyle yapmanız gereken tek şey, sayfanızda bulunan "Geri Dön" bağlantısını istediğiniz yere kopyalayıp yapıştırın. Metni başka bir şey olarak okumak için de değiştirebilirsiniz.

Bir Görüntü ile Geri Düğmesi

Düz bir metin geri düğmesine sahip olmamayı tercih ederseniz, her zaman ek bir benzersizlik için ona bir görüntü ekleyebilirsiniz.

Görüntü, yukarıdaki örnekte "Geri Dön" kelimelerini gördüğünüz geri düğme kodunun yerini alır. Bu, bu metni silerek ve bu metnin yerine bir görüntü gösterecek kodla değiştirerek çalışır.

Bunun için, arka tuşun kullanması gereken resmin URL'sine ihtiyacınız vardır:

http://examplewebsite.com/name_of_graphic.gif

İpucu: İmgur, zaten çevrimiçi değilse, düğme resminizi yükleyebileceğiniz bir yerdir.

Ardından, bu bağlantıyı doğrudan burada gördüğünüz INSERT bölümüne eklemek istersiniz (tırnak işaretlerini sağlam tuttuğunuzdan emin olun):

INSERT ">

Örneğimiz şöyle görünecekti: