js 监听浏览器页面显示隐藏的状态

JavaScript014

js 监听浏览器页面显示隐藏的状态,第1张

用户最小化浏览器窗口, 再次进入, 页面数据不更新的问题

页面有活动倒计时, 当用户新开 tab 或者将浏览器最小化, 倒计时方法会暂停, 当用户再次进入到活动页面, 如果不刷新页面, 或者不重新请求接口, 倒计时会有偏差

这是ajax的一个经典问题,很多框架都提供了解决方案,重点是模拟浏览器的前进后退。

对于IE,可以用一个隐藏框架,对框架内容的导航会使得前进后退按钮被触发。

对以FF,可以用Hash,即改变http://www.url.com/#abc井号后面的部分,前进后退按钮同样被触发。

这样就能既让浏览器前进后退按钮被触发,同时又不离开本页面。具体方法如下:

1.resize事件 (window).resize(function() { var width = (this).width()var height = (this).height()})

2.js条用这个方法 function closewindow{ history.go(-1)}

3.<input type="button" value="后退" onClick="history.back()">或 <input type="button" value="后退" onClick="history.go(-1)">

4.window.location.replace Location对象的replace()方法将用指定的URL替换浏览器历史列表中的当前URL,而不是在历史列表中创建一个新的项,因此,就不能使用IE的后退按钮来返回原始文档了。 2.window.open(FF无效...