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");//获取