iOS微信浏览器回退不刷新 iOS微信浏览器回退不刷新实例(监听浏览器回退事件)
人气:0想了解iOS微信浏览器回退不刷新实例(监听浏览器回退事件)的相关内容吗,在本文为您仔细讲解iOS微信浏览器回退不刷新的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点:监听浏览器回退事件,下面大家一起来学习吧。
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微信浏览器回退不刷新实例(监听浏览器回退事件)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
加载全部内容