У мене є такий код, який змінює сторінки з 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-адреси в історії