h5页 点击返回时关闭_H5页面浏览器返回时的处理

一、多页面下浏览器返回

多页面时浏览器返回的上一个页面如果数据是用ajax加载的则页面会显示不出数据，可以通过以下方法判断在浏览器的返回前进时刷新当前页面，以下方法放到jquery的ready或者HTML的onload方法里，主要针对移动端H5开发

function backForwardListen(){

//window.performance.navigation.type=2表示当前页面行为是history.back()或history.forward()

if(window.performance.navigation.type == 2) {

reloadDeal(window.location.href);//reloadDeal为监测到前进后退时的处理方法，在这里简单的刷新页面所以把当前页面的链接作为参数传进该方法

}

}

二、单页面下浏览器返回

在单面中通过显示和隐藏不同的部分来模拟页面跳转时，如果触发浏览器返回事件则会关闭当前页面，以下例子可以在触发浏览器返回事件时按自己的需要显示不同的部分，主要针对移动端H5开发

功能说明：页面上有tag1,tag2,tag3三个标签，点击某个标签时该标签的背景变红，其他标签背景变白，当前在tag3标签时浏览器返回会改变到tag2，在tag2时会改变到tag1，在tag1时不变，或者可以跳转到其他页面

测试

var step = 1;//当前显示页面下标

function doOnload(){

if (!!(window.history && history.pushState)){

//监听