iphone safari下后退返回后js文件不执行或页面不刷新的问题

先还原问题,假设有两个页面A.htm(简写为A)和B.htm(简写为B),A部分代码如下:
B部分代码如下:
在iphone safari浏览器下,第一次打开A,会弹出alert。点击A中的链接,跳转到B,当点击B中的【返回】按钮,跳转到A,A中的alert就不会弹出,而android下的浏览器,pc的safari、chrome等浏览器都会执行。
【解决办法】
首先,我们需要判定它是 iPhone、iPad或者Safari 的一种,然后针对他们进行特殊处理。
window.onpageshow 是会在页面加载显示后触发,onpageshow 事件类似于 onload 事件,onload 事件在页面第一次加载时触发, onpageshow 事件在每次加载页面时触发,即 onload 事件在页面从浏览器缓存中读取时不触发。
为了查看页面是直接从服务器上载入还是从缓存中读取,你可以使用 PageTransitionEvent 对象的 persisted 属性来判断。 如果页面从浏览器的缓存中读取该属性返回 ture,否则返回 false。如上代码所示,如果是从缓存加载的,就刷新页面。
评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复