下面小编就为大家带来一篇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 播放系统提示音使用总结(AudioToolbox) 2023-03-01
- Flutter绘图组件之CustomPaint使用详解 2023-05-12
- android studio按钮监听的5种方法实例详解 2023-01-12
- IOS应用内跳转系统设置相关界面的方法 2022-11-20
- Android多返回栈技术 2023-04-15
- Android开发使用RecyclerView添加点击事件实例详解 2023-06-15
- iOS开发教程之XLForm的基本使用方法 2023-05-01
- Android中的webview监听每次URL变化实例 2023-01-23
- 解决Android Studio突然不显示logcat日志的问题 2023-02-04
- Flutter手势密码的实现示例(附demo) 2023-04-11