解决window.history.go(-1)执行后不刷新页面的问题

在iphone上出现了window.history.go(-1)执行后不刷新页面的问题,安卓不会有这个问题。

解决方法为在返回后的页面加上:

window.addEventListener(‘pageshow‘, function(e) {
    //如果检测到页面是从“往返缓存”中读取的,刷新页面
    if (e.persisted) {
        window.location.reload();
    }
});

原文地址:https://www.cnblogs.com/luoyihao/p/12665868.html

时间: 2024-11-01 10:41:14

解决window.history.go(-1)执行后不刷新页面的问题的相关文章

解决webpack打包vue项目后,部署完成后,刷新页面页面404

1.url不动式url完全不动,即你的页面怎么改变,怎么跳转url都不会改变.这种情况的原理 就是纯ajax拿到页面后替换原页面中的元素,刷新页面就是首页 2.带hash(#)式这种相对于第一种的话刷新页面页面不会丢失    实现原理写一个window事件我监听url的变化,那我就能实先路由,那样我就可以根据url的变化,来通过ajax请求参数来渲染页面,一个url对应一个页面,就不会重复.window.addEventListener(‘hashchange‘,function(){self.

window.history.pushState与ajax实现无刷新更新页面url

ajax能无刷新更新数据,但是不能更新url HTML5的新API: window.history.pushState, window.history.replaceState 用户操作history,点击前进后退按钮会触发popstate事件. 这些方法可以协同window.onpopstate事件一起工作. 改变url的demo 本页是foo.html,url改变成bar.html,内容却不变 <!DOCTYPE html> <html> <head> <me

解决React路由URL中hash(#)部分的显示 、browserHistory打包后浏览器刷新页面出现404的问题

摘要 在React项目中,我们需要采用它的路由库React-Router来进行页面跳转,React会根据路由URL来判断是哪个页面.常见的的URL有两种显示方式,一种是hashHistory的形式,形如:localhost:3000/#/free-lesson的路由,另一种是browserHistory的形式,形如:localhost:3000/person-center的真实URL路由.在实际项目中常常用真实的URL的方式,但是该形式存在一个隐藏的问题,就是项目打包后,浏览器页面刷新会出现40

JavaScript在表单页面添加打印功能,打印表单中的值并打印完成后不刷新页面

在一个项目中,有一个功能需求 在一个页面上,有一个表单,表单包括textbox, radiobutton, checkbox, textarea等控件 用户填写表单后,按下submit按钮提交表单 现在用户有个需求,他们希望在这个页面上增加一个print按钮或者链接 点击print时,可以打印 最简单的想法就是,加上一个print的链接,然后调用javascript中的window.print()能打印 我最初是这样写代码的 在网页上增加一个print的链接 <a href="javasc

vue删除表格内的数据后局部刷新页面

遇到的问题:如标题. https://www.cnblogs.com/Yachne/p/11864523.html 上面博客,第一眼没看太懂,所以打算整理一下 解决思路:把调用api,加载数据做成一个方法(onSeach),用created初始化,再在删除/添加方法里重新加载该方法(onSeach),这样就实现了页面局部刷新页面. 另有两个方法会刷新整个页面,造成短暂空白,不太建议用. location.reload() this.$router.go(0) 把加载页面数据的请求做成一个方法 这

keep-alive 路由跳转后不刷新页面

使用keep-alive记住了状态 通过路由跳转并且携带了参数,之前this.$route.params.list卸载mounted中,第一次进入能够更新,但是后面再次进入就不会更新了. 借用别人的话 当引入keep-alive 的时候,页面第一次进入,钩子的触发顺序created-> mounted-> activated,退出时触发deactivated.当再次进入(前进或者后退)时,只触发activated. 所以将方法写在 activated中

window.history 和 DWZ 框架

DWZ框架的ajax请求返回的一般都是一个HTML片段,整个页面是由一个个HTML片段组成的,可以由TAB切换其内容,但是只有一个body和HEAD,一般head 和 菜单栏是不会动的. 今天遇到一个问题,当一个点击进入一个tab页面时,这个tab页的布局完全和其他页面的tab页面不一致,也就是其菜单栏和head的内容完全改变了.当用户要返回原来的样式时候,用自己写的JS方法把样式还原可以.但是是页面上的一个button. 当用户用浏览器自带的前进后退返回的时候,问题来了,因为浏览器的前进后退是

监听浏览器返回,pushState,popstate 事件,window.history对象

在WebApp或浏览器中,会有点击返回.后退.上一页等按钮实现自己的关闭页面.调整到指定页面.确认离开页面或执行一些其它操作的需求.可以使用 popstate 事件进行监听返回.后退.上一页操作. 一.简单介绍 history 中的操作 1.window.history.back(),后退 2.window.history.forward(),前进 3.window.history.go(num),前进或后退指定数量历史记录 4.window.history.pushState(state, t

事件监听和window.history以及自定义创建事件

1.事件监听window.addEventListener方法: Window.addEventListener(event, function, useCapture); useCapture:表示传递的类型是冒泡(false)还是捕获(true). Event:表示事件: Function:表示事件发生后触发的方法 2.window.hisitroy DOM中的window对象通过window.history方法提供了对浏览器历史记录的读取,让你可以在用户的访问记录中前进和后退. 如:win