Önceki URL'yi JavaScript'te nasıl edinebilirim?

JavaScript'te önceki URL'yi almanın herhangi bir yolu var mı? Bunun gibi bir şey:

alert("previous url is: " + window.history.previous.href);

Böyle bir şey var mı? Yoksa sadece bir çerezde saklamalı mıyım? Sadece bilmeniz gereken bu yüzden önceki URL'den mevcut URL'ye çapa ve tüm bunlar olmadan geçişler yapabilirim.

document.referrer

birçok durumda, bir sayfayı tıklatarak geçerli sayfaya ulaşırsa, kullanıcının ziyaret ettiği son sayfanın URL'sini alırsınız (doğrudan adres çubuğuna yazmak yerine veya bazı durumlarda bir form göndererek inanıyorum?). DOM Seviye 2 tarafından belirtilmiştir . Daha fazla burada.

window.historygezinmeye izin verir, ancak güvenlik ve gizlilik nedeniyle oturumdaki URL'lere erişmez. Daha ayrıntılı URL geçmişi mevcutsa, ziyaret ettiğiniz her site, bulunduğunuz diğer tüm siteleri görebilir.

Kendi sitenizde dolaşan durumla uğraşıyorsanız, normal oturum yönetimi tekniklerinden birini kullanmak muhtemelen daha az kırılgan ve kesinlikle daha kullanışlıdır: çerez verileri, URL parametreleri veya sunucu tarafı oturum bilgileri.

URL'yi bilmeden bir önceki sayfaya gitmek istiyorsanız, yeni Geçmiş api'sini kullanabilirsiniz.

history.back(); //Go to the previous page
history.forward(); //Go to the next page in the stack
history.go(index); //Where index could be 1, -1, 56, etc.

Ancak tarayıcıda HTML5 Geçmiş API'sını desteklemeyen geçmiş yığınının içeriğini değiştiremezsiniz

Daha fazla bilgi için dokümana bakın

document.referrer her durumda gerçek URL ile aynı değildir.

2 çerçeveli bir çerçeve kümesi kurmam gereken bir uygulamam var. Bir kare biliniyor, diğeri bağlantı verdiğim sayfa. Bu gibi görünüyor document.referrerEğer Çerçeve kümesi belgeye gerçek dosya adını geçmek olmazdı çünkü olurdu ideali.

Ancak, daha sonra alt çerçeve sayfasını değiştirir ve daha sonra kullanırsanız history.back(), orijinal sayfayı alt çerçeveye yüklemez, bunun yerine yeniden yüklenir document.referrerve sonuç olarak çerçeve kümesi kaybolur ve orijinal başlangıç ​​penceresine geri dönersiniz.

Bunu anlamak için biraz zamanımı aldı. Geçmiş dizisinde document.referreryalnızca bir URL değil, aynı zamanda yönlendirme penceresi belirtimi de var. En azından, şu anda anlamanın en iyi yolu bu.

Yönlendirmenin sunucuya gidiş-dönüş yerine uygulama / tarayıcıda gerçekleştiği bir web uygulaması veya tek sayfalık uygulama (SPA) yazıyorsanız, aşağıdakileri yapabilirsiniz:

window.history.pushState({ prevUrl: window.location.href }, null, "/new/path/in/your/app")

Ardından, yeni rotanızda, önceki URL'yi almak için aşağıdakileri yapabilirsiniz:

window.history.state.prevUrl // your previous url

Node.js ve Express kullananlarınız, geçerli sayfa URL'sini hatırlayacak bir oturum çerezi ayarlayabilir ve böylece bir sonraki sayfa yüklemesinde yönlendireni kontrol etmenize olanak tanır. İşte express-sessionara katman yazılımını kullanan bir örnek :

//Add me after the express-session middleware    
app.use((req, res, next) => {
    req.session.referrer = req.protocol + '://' + req.get('host') + req.originalUrl;
    next();
});

Daha sonra, bir yönlendirme çerezinin mevcut olup olmadığını kontrol edebilirsiniz:

if ( req.session.referrer ) console.log(req.session.referrer);

Önceki URL'nin başka bir web sitesi olduğu, oturumun temizlendiği veya yeni oluşturulduğu (ilk kez web sitesi yüklemesi) durumlarda kullanılamayacağından, bir yönlendirme çerezinin her zaman bu yöntemle bulunduğunu varsaymayın.

<script type="text/javascript">
    document.write(document.referrer);
</script>

document.referrer amacınıza hizmet eder, ancak IE9'dan önceki Internet Explorer sürümlerinde çalışmaz.

Chrome, Mozilla, Opera, Safari vb.Gibi diğer popüler tarayıcılarda çalışacaktır.

Bu, daha önce ziyaret edilen URL'ye gider.

javascript:history.go(-1)