利用html sessionStorge 来保存局部页面在刷新后回显,保留
2017-08-17 11:58
274 查看
在一个页面里面,有个局部页面记录这当前session的任务记录,之前用的cookie来进行保存,发现cookie能保存的大小太小,于是用session来保存,
代码是想实现在刷新或离开到其他页面load时将页面中的局部内容保留,使之与刷新前一致,不丢失
如下:
代码是想实现在刷新或离开到其他页面load时将页面中的局部内容保留,使之与刷新前一致,不丢失
如下:
$(function () { if (!window.sessionStorage.getItem("myhtml")) window.sessionStorage.setItem("myhtml",$("#header-tasks").html()); }); window.onbeforeunload=function (){ window.sessionStorage.myhtml=$("#header-tasks").html() } window.onload=function(){ $("#header-tasks").html(window.sessionStorage.myhtml); handleTaskView(); }
onbeforeunload事件在刷新前执行,获取局部html,
onload事件在刷新后执行,替换局部html
相关文章推荐
- 刷新页面后,数据保留在原页面方法(session信息共享,ajax局部刷新)
- 利用ajax实现与php(json数组)数据交互,并局部刷新页面
- 利用ajax和JSP技术实现网页中表单的局部刷新(只刷新表单数据,而不刷新整个页面)
- 利用ajax实现与php数据交互,并局部刷新页面
- HTML中使用Ajax进行局部刷新页面
- HTML页面局部刷新
- 利用history对象实现地址栏更新,页面局部刷新
- 利用ajax实现与php数据交互,并局部刷新页面
- php利用session防止页面重复刷新
- 利用Ajax实现页面局部刷新
- 利用Ajax实现页面局部刷新
- jquery使用iframe实现HTML页面局部刷新代码
- 【Servlet】在Servlet3.0中利用ajax达到iframe局部刷新效果,同时避免在Js写过多的HTML代码
- Html 页面 局部刷新方法
- 关于iframe 局部刷新 全部刷新 的解决办法以及嵌套 嵌套html页面
- 利用ajax实现页面的局部刷新
- HTML中使用Ajax进行局部刷新页面
- html局部页面刷新和跳转传参
- 在JSF页面利用Ajax实现局部刷新
- ASP.NET利用AJAX Extensions控件实现页面的局部动态刷新