十分钟后如何轻松掌握：关闭浏览器缓存网页状态的方法？

本文共计533个文字，预计阅读时间需要3分钟。

问题：在Firefox等浏览器中，当你打开一个页面并进行如文本框输入、点击按钮执行Ajax操作等操作时，这些操作的结果都会被缓存下来。在你点击链接离开页面后，这些缓存的内容仍然保留。

Question

在Firefox等浏览器中，如果你打开一个页面并进行若干操作，例如在文本框进行输入，甚至点击按钮进行Ajax操作更新页面局部，这些操作的结果都会被缓存下来。在你点击链接离开这个页面后，如果你通过后退按钮回到这个页面，你会发现它仍出于你离开时的状态，而非页面刚刚加载好后的初始状态。在一些情况下，这样的缓存方式是符合我们预期的；但在另外一些情况下，我们更希望页面恢复到初始状态，或者说让页面从零开始重新加载一边。我们如何才能让浏览器尊重我们的选择呢？

Answer

如果你只是希望页面不缓存加载后的变更，后退就恢复到最初加载的状态，你只需要一个空白的unload事件就可以了：

window.onunload = function(){};

其中的原理是，Firefox等浏览器会尝试通过“挂起（suspend）”的方式来缓存页面，使得后退能够恢复到页面之前被挂起那一刻的状态。然而如果unload事件有处理函数，浏览器就认为你可能已经对页面进行了析构处理，这时候页面已经不可能回到正常的交互状态，也就不能以挂起的方式来缓存页面。