js返回多级页面不生效

JavaScript011

js返回多级页面不生效,第1张

js返回多级页面不生效:

五分钟 页面逻辑:页面中存在另一个链接,通过链接跳转页面,在点击浏览器导航回退时。发现上级页面会不执行js操作(页面不会重新加载,会直接读取浏览器缓存)

展现结果:返回后页面不刷新,一些失效的信息依然显示在页面上

机型:这个问题会在iphone和部分android内置浏览器(vivo nex内置浏览器、华为荣耀手机)发生。

产出原因:这一切都是页面的缓存数据搞的鬼。什么是页面的缓存数据?浏览器的“往返缓存(back-forward cache - bfcache)”特性。简写是bfcache。这个是firfox提出的叫做"往返缓存"的一种缓存机制,用来加快用户在点击浏览器前进或者后退按钮时的速度。chrome放弃了bfcache,但是ios(webkit)的微信浏览器和safari

editor.js文本样式不生效的解决办法:

1、用script去引入js外部文件,不要用link去引入;

2、当javascript里面有直接操作页面元素的代码时,将js放到body内引用即可。