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

先还原问题，假设有两个页面A.htm（简写为A）和B.htm（简写为B），A部分代码如下：

<div>
  <a href="B.html">跳转到B.htm</a>
</div>
<script type="text/javascript">
    alert("hello,world!");
</script>

B部分代码如下：

<div>
  <a id="backPrev" href="javascript:history.go(-1);">返回</a>
</div>

在iphone safari浏览器下，第一次打开A，会弹出alert。点击A中的链接，跳转到B，当点击B中的【返回】按钮，跳转到A，A中的alert就不会弹出，而android下的浏览器，pc的safari、chrome等浏览器都会执行

【解决办法】

var browserRule = /^.*((iPhone)|(iPad)|(Safari))+.*$/;
    if (browserRule.test(navigator.userAgent)) {
        window.onpageshow = function(event) {
            if (event.persisted) {
                window.location.reload()
            }
        };
    }

首先，我们需要判定它是 iPhone、iPad或者Safari 的一种，然后针对他们进行特殊处理。

window.onpageshow 是会在页面加载显示后触发，onpageshow 事件类似于 onload 事件，onload 事件在页面第一次加载时触发， onpageshow 事件在每次加载页面时触发，即 onload 事件在页面从浏览器缓存中读取时不触发。

为了查看页面是直接从服务器上载入还是从缓存中读取，你可以使用 PageTransitionEvent 对象的 persisted 属性来判断。 如果页面从浏览器的缓存中读取该属性返回 ture，否则返回 false。如上代码所示，如果是从缓存加载的，就刷新页面。