不同浏览器处理后退的一些异同

最近在维护一个Joomla电商网站。Joomla不同于我们常规的web页面，他的页面间跳转比较麻烦（也许是我了解的还不够）。而这个网站恰恰需要一个后退的功能，我是用的是<a href="javascript:history.go(-1)">Back</a>这种方式。

 

起初这种方式在Chrome和FF下测试都没有问题。后来：Back之前页面的一些变化需要同步到Back之后的页面上，这时候Chrome下也没有问题（因为Chrome刷新页面了，后退时页面回到最初状态，之前JS改变的DOM不复存在）。但是对于FF，显然页面没有刷新。通过测试更是证明了这一点

<a href="http://www.baidu.com">百度一下</a>
<div id="display"></div>
<script>
  window.onload = function(){
    var i = 0;
    setInterval(function(){
      $("display").html(i+10);
    },1500);
  };
</script>

 

FF没有重新生成DOM，也就是没刷新页面。

那么如何使FF退后时也能触发window.onload事件呢？其实就是在页面是加入：

window.onunload = function(){};

 我的理解是：浏览器实在unload的时候缓存了DOM信息，Back的时候没有重新加载，我们通过把unload给一个空实现的方式覆盖了浏览器的默认行为