Mam następujący kod, który zmienia strony z poziomu JavaScript:
var newUrl = [some code to build up URL string];
window.location.replace(newUrl);
Ale nie zmienia górnego adresu URL, więc gdy ktoś kliknie przycisk Wstecz, nie wraca do poprzedniej strony.
Jak mogę zmienić w JavaScript również górny adres URL, aby przycisk Wstecz przeglądarki działał.
Odpowiedzi:
document.location.href = newUrl;https://developer.mozilla.org/en-US/docs/Web/API/document.location
Proste przypisanie do window.locationlub window.location.hrefpowinno wystarczyć:
window.location = newUrl;Jednak nowy adres URL spowoduje, że przeglądarka załaduje nową stronę, ale wygląda na to, że chciałbyś zmodyfikować adres URL bez opuszczania bieżącej strony. Masz na to dwie możliwości:
Użyj skrótu adresu URL. Na przykład możesz przejść od example.comdo example.com#foobez ładowania nowej strony. Możesz po prostu ustawić, window.location.hashaby było to łatwe. Następnie należy odsłuchać hashchangezdarzenie HTML5 , które zostanie uruchomione, gdy użytkownik naciśnie przycisk Wstecz. Nie jest to obsługiwane w starszych wersjach IE, ale wypróbuj jQuery BBQ , dzięki czemu działa to we wszystkich przeglądarkach.
Możesz użyć Historii HTML5, aby zmodyfikować ścieżkę bez ponownego ładowania strony. Umożliwi to zmianę z example.com/foona example.com/bar. Korzystanie z tego jest łatwe:
window.history.pushState("example.com/foo");
Gdy użytkownik naciśnie „wstecz”, otrzymasz popstatezdarzenie okna , którego możesz łatwo odsłuchać (jQuery):
$(window).bind("popstate", function(e) { alert("location changed"); });
Niestety jest to obsługiwane tylko w bardzo nowoczesnych przeglądarkach, takich jak Chrome, Safari i Firefox 4 beta.
<script>
var url= "http://www.google.com";
window.location = url;
</script>
window.location.replace()metoda nie jest taka sama jakString.prototype.replace()metoda, ponieważwindow.locationnie jest ciągiem (jest obiektem).window.location.replace()zastępuje bieżący URL nowym, z jednoczesnym nadpisaniem starego adresu URL w historii.