admin管理员组文章数量:1344095
When I change the url with window.history.pushState the page is not automatically reloaded when going back in history of the browser, e.g. by clicking on the "history-back-button". Why is the page not automatically reloaded? Can I change this behavior?
Here is a little piece of code to exemplify this "problem":
<html>
<head>
<title>Location test</title>
<script>
function load() {
var value = window.location.search.substr(1);
document.getElementById('myInput').value = value;
document.title = 'Location test - ' + value;
}
function set(el) {
window.history.pushState('', '', window.location.pathname + '?' + el.value);
document.title = 'Location test - ' + el.value;
}
</script>
</head>
<body onload="load();">
<input id="myInput" type="text" onkeyup="set(this);">
</body>
</html>
Just write something into the text-field and the browser-history is updated accordingly. Click on the browser's history back button does not refresh the page. You have to manually refresh it.
I have worked around this by inserting my own "back-button" on the website which runs window.history.back(); location.reload();. But I would be happy if the normal browser "history-back-button" did the trick (as well).
When I change the url with window.history.pushState the page is not automatically reloaded when going back in history of the browser, e.g. by clicking on the "history-back-button". Why is the page not automatically reloaded? Can I change this behavior?
Here is a little piece of code to exemplify this "problem":
<html>
<head>
<title>Location test</title>
<script>
function load() {
var value = window.location.search.substr(1);
document.getElementById('myInput').value = value;
document.title = 'Location test - ' + value;
}
function set(el) {
window.history.pushState('', '', window.location.pathname + '?' + el.value);
document.title = 'Location test - ' + el.value;
}
</script>
</head>
<body onload="load();">
<input id="myInput" type="text" onkeyup="set(this);">
</body>
</html>
Just write something into the text-field and the browser-history is updated accordingly. Click on the browser's history back button does not refresh the page. You have to manually refresh it.
I have worked around this by inserting my own "back-button" on the website which runs window.history.back(); location.reload();. But I would be happy if the normal browser "history-back-button" did the trick (as well).
1 Answer
Reset to default 11I think this may explain the topic much better than me. http://rosspenman./pushstate-jquery
popstate is the key
I'm working on a very similar problem. Don't think its pretty but the following snippet or a variation thereof may help
$(window).on("popstate", function(e) {
if (e.originalEvent.state !== null) {
location.reload()
}
});
本文标签：
版权声明：本文标题：javascript - Page does not get reloaded when going back in history in combination with window.history.pushState - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1743743891a2531397.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论