У меня есть следующий код, который меняет страницы из JavaScript:
var newUrl = [some code to build up URL string];
window.location.replace(newUrl);Но это не меняет верхний URL-адрес, поэтому, когда кто-то нажимает кнопку «Назад», он не возвращается на предыдущую страницу.
Как я могу заставить JavaScript изменить верхний URL-адрес, чтобы кнопка возврата в браузере работала.
Ответы:
document.location.href = newUrl;https://developer.mozilla.org/en-US/docs/Web/API/document.location
Простое присвоение window.locationили window.location.hrefдолжно подойти:
window.location = newUrl;Однако ваш новый URL-адрес заставит браузер загрузить новую страницу, но похоже, что вы хотите изменить URL-адрес, не покидая текущую страницу. Для этого есть два варианта:
Используйте хеш URL. Например, вы можете перейти от example.comк example.com#fooбез загрузки новой страницы. Вы можете просто настроить, window.location.hashчтобы это было легко. Затем вы должны прослушать hashchangeсобытие HTML5 , которое будет запущено, когда пользователь нажмет кнопку возврата. Это не поддерживается в более старых версиях IE, но попробуйте jQuery BBQ , благодаря которому это работает во всех браузерах.
Вы можете использовать историю HTML5 для изменения пути без перезагрузки страницы. Это позволит вам перейти с example.com/fooна example.com/bar. Использовать это просто:
window.history.pushState("example.com/foo");
Когда пользователь нажимает «назад», вы получаете popstateсобытие окна , которое вы можете легко прослушать (jQuery):
$(window).bind("popstate", function(e) { alert("location changed"); });
К сожалению, это поддерживается только в очень современных браузерах, таких как Chrome, Safari и бета-версия Firefox 4.
<script>
var url= "http://www.google.com";
window.location = url;
</script>
window.location.replace()метод не совпадает сString.prototype.replace()методом, потому чтоwindow.locationне является строкой (это объект).window.location.replace()заменяет текущую URL-адрес новым, при этом старый URL-адрес перезаписывается в истории.