iOS中微信浏览器回退不刷新的示例分析

这篇文章给大家分享的是有关iOS中微信浏览器回退不刷新的示例分析的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

防城港网站建设公司创新互联公司,防城港网站设计制作,有大型网站制作公司丰富经验。已为防城港近1000家提供企业网站建设服务。企业网站搭建\成都外贸网站建设要多少钱,请找那个售后服务好的防城港做网站的公司定做!

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中微信浏览器回退不刷新的示例分析
转载来源:http://cdiso.cn/article/iisggp.html

其他资讯