JavaScript ile Sayfa Yönlendirme Nasıl Yapılır?

JavaScript kullanarak bir sayfadan diğerine yönlendirme yapmak oldukça basit ve sık kullanılan bir işlemdir. Bunun için jQuery gibi kütüphanelere ihtiyaç duymadan, yalnızca tarayıcıların sunduğu temel JavaScript yöntemlerini kullanabilirsiniz. Bu yöntemlerin başında window.location.href ve window.location.replace gelir. Hangi yöntemin kullanılacağı ise, yapmak istediğiniz yönlendirmenin türüne bağlıdır.

window.location.replace ve window.location.href Arasındaki Fark

• window.location.replace(...): Bu yöntem, bir HTTP yönlendirmesini taklit eder. En önemli avantajı, yönlendirilen sayfanın tarayıcı geçmişine kaydedilmemesidir. Yani, kullanıcı geri butonuna bastığında önceki sayfaya geri dönemez. Bu, özellikle sayfanın sonsuz geri tuşu döngüsüne girmesini istemediğiniz durumlarda yararlıdır. Örneğin, bir form gönderimi sonrası kullanıcının önceki sayfaya geri dönmesini engellemek için kullanışlıdır.
• window.location.href: Eğer bir bağlantıya tıklamayı simüle etmek istiyorsanız, window.location.href kullanabilirsiniz. Bu yöntem, kullanıcıyı başka bir sayfaya yönlendirirken o sayfanın tarayıcı geçmişine kaydedilmesine olanak tanır. Böylece kullanıcı, geri tuşunu kullanarak önceki sayfaya dönebilir.

Hangi Durumda Hangi Yöntem Kullanılmalı?

• Eğer sayfa yönlendirmesinin bir HTTP yönlendirmesi gibi davranmasını, yani tarayıcı geçmişine kaydedilmemesini istiyorsanız, window.location.replace kullanmalısınız.
• Eğer bir link tıklamasını simüle etmek ve kullanıcının geri tuşuyla önceki sayfaya dönmesine izin vermek istiyorsanız, window.location.href kullanmanız daha uygun olacaktır.

Örnek Kodlar:

// HTTP yönlendirmesi gibi davranır ve tarayıcı geçmişine kaydedilmez
window.location.replace("https://cpynet.com");

// Bir bağlantıya tıklamış gibi davranır ve tarayıcı geçmişine kaydedilir
window.location.href = "https://cpynet.com";

Bu iki yöntem arasındaki farkları ve kullanım alanlarını iyi anlamak, sayfa yönlendirmelerini daha kontrollü bir şekilde yapmanıza yardımcı olacaktır. Kullanıcının deneyimini bozmadan, en uygun yöntemi seçerek doğru yönlendirmeler sağlayabilirsiniz.