控制浏览器是否缓存网页状态

Question在Firefox等浏览器中如果你打开一个页面并进行若干操作例如在文本框进行输入甚至点击按钮进行Ajax操作更新页面局部这些操作的结果都会被缓存下来。在你点击链接离开这个页面后如果你通过后退按钮回到这个页面你会发现它仍出于你离开时的状态而非页面刚刚加载好后的初始状态。在一些情况下这样的缓存方式是符合我们预期的但在另外一些情况下我们更希望页面恢复到初始状态或者说让页面从零开始重新加载一边。我们如何才能让浏览器尊重我们的选择呢Answer如果你只是希望页面不缓存加载后的变更后退就恢复到最初加载的状态你只需要一个空白的unload事件就可以了window.onunload function(){};其中的原理是Firefox等浏览器会尝试通过“挂起suspend”的方式来缓存页面使得后退能够恢复到页面之前被挂起那一刻的状态。然而如果unload事件有处理函数浏览器就认为你可能已经对页面进行了析构处理这时候页面已经不可能回到正常的交互状态也就不能以挂起的方式来缓存页面。如果我们希望允许浏览器挂起页面同时又需要知道何时被挂起何时被恢复那该怎么办呢我们可以用window对象上的pageshow和pagehide事件。当页面被挂起并隐藏时pagehide事件会被触发当页面被恢复到挂起前状态并显示出来时pageshow事件会被触发。Firefox从1.5开始就支持这两个事件Safari最新的nightly build也支持这两个事件。分类 *Most Practical* , AJAX , JavaScript , Web