iOS微信浏览器回退不刷新实例(监听浏览器回退事件)

下面小编就为大家带来一篇iOS微信浏览器回退不刷新实例(监听浏览器回退事件)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

iOS在微信浏览器回退是不重新加载页面的，有些时候是需要重新加载的，所以需要监听回退事件

$(function(){
  pushHistory();
});
function pushHistory(){
  window.addEventListener("popstate", function(e){
    alert("回退！");

    //window.history.back();
    //在历史记录中后退,这就像用户点击浏览器的后退按钮一样。

    //window.history.go(-1);
    //你可以使用go()方法从当前会话的历史记录中加载页面（当前页面位置索引值为0，上一页就是-1，下一页为1）。

    //self.location=document.referrer;
    //可以获取前一页面的URL地址的方法,并返回上一页。
  }, false); 
  var state = {
    title:"",
    url: "#"
  }; 
  window.history.pushState(state, "", "#"); 
};

新增一个历史记录点window.history.pushState，pushState有三个参数

1状态对象：记录历史记录点的额外对象，可以为空

2页面标题：目前所有浏览器都不支持

3可选的url：浏览器不会检查url是否存在，只改变url，url必须同域，不能跨域

监听历史记录点popstate事件，当浏览器操作历史记录条目时触发

以上这篇iOS微信浏览器回退不刷新实例(监听浏览器回退事件)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持北冥有鱼。

您可能感兴趣的文章:

• ios微信浏览器返回不刷新问题完美解决方法
• 解决ios微信页面回退不刷新的问题
• 微信小程序 列表的上拉加载和下拉刷新的实现
• 解决微信内置浏览器返回上一页强制刷新问题方法
• 微信小程序 scroll-view实现上拉加载与下拉刷新的实例
• 微信小程序 详解下拉加载与上拉刷新实现方法
• 微信小程序（六）：列表上拉加载下拉刷新示例
• 详解微信小程序开发之下拉刷新 上拉加载
• 微信web端后退强制刷新功能的实现代码