Statik sayfalarda yönlendirme

Statik sayfalarda yönlendirme için javascript ve xhtml kullanırız. Javascript’in location.href özelliği bize mevcut sayfa URL’sine yazma ve okuma izni verir. Bir çok uygulamada kullanılabileceğimiz güzel bir özelliktir bu. Örneğin yönlendirme için kullanalıbilir. Kodumuzu yazarsak:

<script>location.href = "DigerSayfa.html";</script>

Ayrıca xhtml ile de bu işi yapabiliriz.

<head>
	<meta http-equiv="Refresh" content="5; URL=DigerSayfa.html" />
</head>

Burdaki 5 değeri web tarayıcısının yönlendirmeden önceki beklediği değeri gösterir. Değer saniye cinsindendir.

Eğer yönlendirme yapayım ama geri tuşuna basınca önceki sayfaya gitmesin diyorsak location.replace özelliğini kullanmalıyız.

<script>location.replace("DigerSayfa.html");</script>

This website uses IntenseDebate comments, but they are not currently loaded because either your browser doesn't support JavaScript, or they didn't load fast enough.

3 Yorum (Yorum Ekle)

  • fatih.hayrioglu diyor ki:

    Erhan verdiğin bilgi için teşekkürler.

    Ayrıca bende yeni öğrendim location.replace komutunu :)

  • fatihturan diyor ki:

    Gayet güzel bir ipucu. location.replace‘den benimde haberim yoktu, gayet iyi oldu bunu öğrendiğim. :)

  • Erhan diyor ki:

    location.replace kodunu bilmiyordum. Öğrendiğim iyi oldu. Teşekkür ederim.

    Yalnız şu META REFRESH ile ilgili birşey söylemek istiyorum. SEO ile ilgili araştırma yaparken okumuştum. Bekleme süresini 10 saniyeden az olarak belirlediğinizde birçok arama motorunun sayfanızı SPAM olarak algıladığı söyleniyor.

    Bu yüzden her zaman JavaScript ile yönlendirme yapıyorum artık. Aşağıdaki kodu kullanıyorum. İsterseniz bu fonksiyonu bir linke tıklandığında (onClick) tetiklersiniz isterseniz sayfa yüklendiğinde (onLoad). Kesinlikle META-REFRESH’ten daha kullanışlı.

    function yonlendir(url, gecikme)
    {
    setTimeout(“location.href = ‘” + url + “‘”, gecikme*1000);
    }

Yorum yaz

Format: Yorum içinde kullanılabilecek HTML kodları: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

?