javascript - 通过在 Firefox 中单击后退按钮访问时重新加载页面

Question

我有一个页面，它以动画形式显示整个 body 离开观众的屏幕作为过渡。它工作正常，但是当用户单击浏览器中的后退按钮时，Firefox 会从没有正文的历史记录中调出缓存页面。

因此，当我通过后退按钮访问时，重新加载页面就足够简单了。

我尝试了以下代码来重新加载页面，以避免重复重新加载。

<script type="text/javascript">
  window.onload=function(){
    var e=document.getElementById("refreshed");
    if(e.value=="no")e.value="yes";
    else{e.value="no";location.reload();}
  }
</script>
<input type="hidden" id="refreshed" value="no">

它没有解决问题，因为甚至没有调用匿名函数。

所以我尝试设置 header ，以便浏览器不会缓存该页面。

<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">

也没有解决问题。

该页面在 Chrome 中运行良好。

我使用的Firefox版本是12.0

如何使用 Javascript、JQuery 或任何其他客户端脚本让页面重新加载？

Answer 1

导航回内存缓存页面时不会触发 onload 事件。

我认为您有三个主要选择:

1. 使用 onpageshow 事件(导航到缓存页面时会触发)。
2. 通过添加卸载事件监听器防止页面在内存中缓存(它可以只是一个空函数)。
3. 不要做烦人的卸载动画。