Sorgu dizesindeki değişikliklerden bağımsız olarak önceki sayfaya dön
Aranabilir bir tablo içeren bir sayfam var. Önceki sayfaya geri dönmek için bir "Geri" düğmesi yazdım:
<a href="javascript:history.back()">Back</a>
Örneğin, ana sayfamın URL'si:
https://xxxxxx.com
Ana sayfamdan (veya başka bir sayfadan) aranabilir bir tablo içeren sayfaya giriyorum :
https://xxxxxx.com/data
Bir arama yaptığımda, URL şöyle olur:
https://xxxxxx.com/data?search=*sth*
"Geri" düğmesine bastığımda, URL şöyle oluyor:
https://xxxxxx.com/data
Aslında istediğim şey:
https://xxxxxx.com/
(Veya kullanıcının daha önce geldiği sayfa /data
)
Geri düğmesinin asıl sayfaya ulaşabilmesi için javascript’imi arama düğmesine nasıl yeniden yazabilirim?
Yanıtlar
history.back()
Sadece bir geriye giden yerine window.location.replace(window.location.host)
, kök sayfayı yükleyen yapabilirsiniz .
Daha fazla bilgi almak için window.location
:https://developer.mozilla.org/en-US/docs/Web/API/Window/location
Düzenle:
URL parametrelerini yok saymak istiyorsanız, başka bir sayfaya nasıl gideceğinizi değiştirmeniz gerekir.
Bunun yerine, bir geri tıklamada gezinmenin yok sayılması window.history.pushState(...)
gerektiğinde kullanmalısınız window.history.replaceState(...)
.
Bu konuyla ilgili daha fazla bilgi için buradayız: Geçmiş zorlama ve değiştirme arasındaki değiş tokuş nedir?