HTML5 使用sessionStorage实现页面返回刷新
2016-02-01 16:55
537 查看
需求:在某个列表页面跳转到增加新项目页面后需要返回到前一个页面 并且数据最新数据。
刚开始是做法是 history.back();方法 返回后页面不会自动刷新的。在新的页面重新访问之前页面的链接可以访问到新加载了新数据的页面,但这样子也会导致页面加载过多占内存。
这个时候可以用sessionStorage来存储临时变量来判断
母页面:
子页面:
刚开始是做法是 history.back();方法 返回后页面不会自动刷新的。在新的页面重新访问之前页面的链接可以访问到新加载了新数据的页面,但这样子也会导致页面加载过多占内存。
这个时候可以用sessionStorage来存储临时变量来判断
母页面:
window.onload = function () { var data = sessionStorage.getItem("FirstLoad"); if (data) { if (data == "0") { sessionStorage.setItem("FirstLoad","1"); location.reload(); } } else { sessionStorage.setItem("FirstLoad","1"); } }
子页面:
sessionStorage.setItem("FirstLoad", "0"); history.back();
session中存储的值,关闭就没了。 现代浏览器适用
相关文章推荐
- html5 audio 音乐自动播放,循环播放等
- HTML5+CSS3 权威指南读书笔记
- C# WebSocket 服务端示例代码 + HTML5客户端示例代码
- websocket (html5新规范)
- 关于h5中meta标签的使用
- H5小内容(五)
- HTML5未来发展趋势
- HTML5test - How well does your browser support HTML5?
- HTML5晃动DeviceMotionEvent事件
- html5 canvas 图像处理
- HTML5开发移动web应用——Sencha Touch篇(6)
- 通过html5 touch事件封装手势识别组件
- HTML5(七)canvas矩阵转换
- NanShan即时通讯论——HTML5的优势与劣势
- 初识canvas
- 认识HTML5的WebSocket
- HTML5实现IP Camera网页输出
- HTML5
- html5本地存储localStorage与sessionStorage详解
- 智能机器人——基于Html5和css3的聊天器界面设计与实现