IOS中，网页的前进后退操作(包括history.go()、history.back()等)是直接进入其离开时的快照，不会重新触发页面的load事件。此时js从上次离开时的状态继续往下执行。
1. 使用document.referrer代替history.back()进行返回
location.href = document.referrer;
document.referrer是一个字符串，内容为上一页面的URL（通过_blank形式打开的新窗口也可以获得之前页面的URL）
- 以下情况
document.referrer会为空字符串""
- 通过在浏览器中输入地址、使用书签、扫码等方式进入页面
- 受到 referrer-policy 配置影响
缺点
- 存在以上限制
- 不同浏览器可能有兼容差异
- 本质上是一次跳转而非返回，如 a-b-c-d ，d页面通过
window.location.href=document.referrer返回到c页面，对于c页面来说b不是他的上一级页面了、上一级页面变成了d;
2. 使用pageshow、pagehide事件
不同浏览器对load/unload/pageshow/pagehide表现不同，使用前需多加测试
- onpageshow 事件在用户浏览网页时触发(onload之后)。
类似于 onload 事件，但onload只在页面第一次加载时触发， onpageshow 事件在每次加载页面时触发，即 onload 事件当页面从浏览器缓存中读取时不触发(如通过前进/后退进入页面时)。 - onpagehide 事件在用户离开网页时触发(onunload之前)。
第一次进入时，触发pageshow，此时isPageHide为false。离开页面时触发pagehide，isPageHide变为true。第二次进入时再次触发pageshow，此时isPageHide为true，成功触发页面刷新。
$(function () {
var isPageHide = false;
window.addEventListener('pageshow', function () {
if (isPageHide) {
window.location.reload();
}
});
window.addEventListener('pagehide', function () {
isPageHide = true;
});
})
referer 引荐来源
referer 参数是http请求头header的参数，表示请求的来源地址。
该地址的路由或query信息中可能包含一些敏感信息（如token或者用户id），为了防止信息泄漏可用 referrer-policy 控制
注意，仅请求头中因W3C的疏忽拼写错误，为referer，但其他场合下（如document.referrer和referrer-policy）为正确拼写。
referrer-policy 引荐来源策略
referrer-policy 用于控制 referer ，可按情况提交为完整地址、仅Origin（协议+域名+端口）、隐藏地址，但无法篡改 referrer 为虚假地址。
配置方法
- 全局设置
通过meta标签，设置整个网页中所有链接的默认策略
<meta name="referrer" content="origin">
- 单独设置
<a>、<area>、<img>、<iframe>、<link>，可在标签里单独设置该请求的referrerpolicy属性
<a href="http://example.html" referrerpolicy="origin" target="_blank">链接</a>
可选择的属性目前有9种：
- no-referrer
总是不发送referrer信息 - no-referrer-when-downgrade
协议降级（https调用http）时不发送referrer信息 - same-origin
仅同源(协议、域名、端口都相同)时发送 - origin
总是发送origin（即协议+域名+端口） - strict-origin
协议降级（https调用http）时不发送referrer信息
其他场合同origin - origin-when-cross-origin
跨域时仅发送origin（即协议+域名+端口）
同源时发送完整信息 - strict-origin-when-cross-origin
既跨域又协议降级（https调用http）时，仅发送origin（即协议+域名+端口）
其他场合发送完整的referrer - unsafe-url
总是发送完整的referrer - 空字符串
采用其他位置定义的引用者策略，或者在没有此类更高级别策略的情况下，默认为“ no-referrer-when-downgrade”（不同浏览器版本可能不同，新版Chrome为 strict-origin-when-cross-origin）
visibilitychange
pageshow/pagehide会在页面跳转前后触发，而visibilitychange会在页面被隐藏或显示时(如浏览器tab切换、窗口被最小化等)触发，配合Document.hidden可以实现如"页面被切到后台时停止声音播放，切到前台时恢复播放"等功能。
// 设置隐藏属性和改变可见属性的事件的名称
var hidden, visibilityChange;
if (typeof document.hidden !== "undefined") { // Opera 12.10 and Firefox 18 and later support
hidden = "hidden";
visibilityChange = "visibilitychange";
} else if (typeof document.msHidden !== "undefined") {
hidden = "msHidden";
visibilityChange = "msvisibilitychange";
} else if (typeof document.webkitHidden !== "undefined") {
hidden = "webkitHidden";
visibilityChange = "webkitvisibilitychange";
}
var videoElement = document.getElementById("videoElement");
// 如果页面是隐藏状态，则暂停视频
// 如果页面是展示状态，则播放视频
function handleVisibilityChange() {
if (document[hidden]) {
videoElement.pause();
} else {
videoElement.play();
}
}
// 如果浏览器不支持addEventListener 或 Page Visibility API 给出警告
if (typeof document.addEventListener === "undefined" || typeof document[hidden] === "undefined") {
console.log("This demo requires a browser, such as Google Chrome or Firefox, that supports the Page Visibility API.");
} else {
// 处理页面可见属性的改变
document.addEventListener(visibilityChange, handleVisibilityChange, false);
// 当视频暂停，设置title
// This shows the paused
videoElement.addEventListener("pause", function(){
document.title = 'Paused';
}, false);
// 当视频播放，设置title
videoElement.addEventListener("play", function(){
document.title = 'Playing';
}, false);
}
