<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
sss
<script type="text/javascript">
alert(1)
window.onpageshow = function(e) {
if (e.persisted) {
alert('reload')
}
}
</script>
<a href="1.php">sss</a>
</body>
</html>
移动端下点击后退时,浏览器会取缓存中的页面,不会重新执行页面的脚本,这有时候会导致一些体验问题。通过onpageshow事件可以解决这个问题,onpageshow是页面显示的时候会触发的事件,persisted标记页面是来自缓存还是服务器。