js监听浏览器后退事件

JavaScript029

js监听浏览器后退事件,第1张

这是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无效...

首先,当页面渲染完成后,记录历史的值

var historyVal = $('#jiance').html()

每隔5秒执行检测

setInterval(function() {

notifyme()

}, 5000)// 5000表示5000毫秒, 即每隔5秒执行一次

在被浏览页面加入一段代码实现这样的功能:

根据页面标题和url写入locationStorage

写入时,只写入最后10条记录

在显示历史页面,读取locationStorage把历史记录显示出来