js控制 页面回退刷新数据,storage的使用
html,两个页面之间除了跳转是无法交互地。
那如果一个页面数据修改了,需要让第二个页面发生改变怎么办了。
前端解决办法就是用sessionStorage或者localStorage存储一个key来告诉另外一个页面是否要操作
//判断页面是否需要刷新
<script>
window.addEventListener('pageshow', function (event) {
//pageshow 页面加载出处: 缓存为true, onload为false
//如果从缓存中加载,那么直接刷新
if (event.persisted) // ios有效, android和pc每次都是 false
{
location.reload();
}
else // ios除外
{
//需要刷新,就在返回过来里的页面 设置为true
if (sessionStorage.getItem('refresh') === 'true')
{
location.reload();
}
}
sessionStorage.removeItem('refresh'); //一定要清除,要不然酒一直循环了
});
</script>
sessionStorage和localStorage还有很多用处,一般是用来缓存数据,存储token这些。
使用方法:对象.setItem("key","value");//设置
对象.GetItem("key");//获取
浙公网安备 33010602011771号