Javascript HTML5历史记录恢复一些更改，而不是其他更改？
我不熟悉使用HTML5历史对象。我尝试了以下代码：Javascript HTML5历史记录恢复一些更改，而不是其他更改？,javascript,html,history,Javascript,Html,History,我不熟悉使用HTML5历史对象。我尝试了以下代码： <!DOCTYPE html> <html> <head> <script type="text/javascript"> history.pushState({somethinggoeshere:'but what?'}, 'Does a title go here?', '?begin=true'); window.addEventLis
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
history.pushState({somethinggoeshere:'but what?'}, 'Does a title go here?', '?begin=true');
window.addEventListener('popstate', function(event) {
console.log('popstate fired!');
console.log(event.state);
});
function dosomething()
{
document.getElementById('box').style.display = 'block';
document.getElementById('iframe').src = 't2.html';
history.pushState({somethinggoeshere:'but what?'}, 'Does a title go here?', '?complete=true');
}
</script>
</head>
<body>
<a onclick="dosomething();">Show box</a>
<div id="box" style="background:red; height:100px; display:none;"></div>
<iframe id="iframe" src="t1.html"></iframe>
</body>
</html>
pushState（{somethingGoesher:'但是什么？'}，'标题在这里吗？'，'begin=true'）；
window.addEventListener（'popstate'，函数（事件）{
log（'popstate fired！'）；
console.log（event.state）；
});
函数dosomething（）
{
document.getElementById（'box'）.style.display='block'；
document.getElementById（'iframe'）.src='t2.html'；
pushState（{somethingGoesher:'but what？'}，'title在这里吗？'，'complete=true'）；
}
展示箱
为什么“返回”按钮恢复iframe的内容，但不恢复红框的css样式（返回显示：无） 浏览器的历史记录只是一个URL列表
pushStatepushStateonpopstatehistory.pushState({
redBox: document.getElementById('box').style.display
}, 'Most browsers ignore this parameter.', '?complete=true');
onpopstatedocument.getElementById（'box'）.style.displayevent.state.redBox编辑：iFrame就像一个新的浏览器窗口，因此它有自己的历史对象。当您单击“后退”时，iFrame会看到这一点并返回历史。您需要有
window.addEventListener（'popstate'，function（）onpopstate