本文主要是介绍html 本地存储(localStorage and sessionStorage),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
刚刚学习anjularJS和html的项目开发,其中在ui库中使用一种步骤类型的样式,其实就是form表单的ng-if判断显示,样式好用但也伴随着很多的问题,其中一个bug就是刷新会回到第一步,回到第一步的原因是刷新时会从新加载js代码,因为状态没变,所以就会出现无论刷新的哪一步,都会回到第一步,解决该问题的方法就是本地存储。
window.sessionStorage.setItem("Step", 1);//前面的step是变量名,1是给step赋值window.sessionStorage.setItem("enterprise_id", data[0].enterprise_id);//同上console.log( window.sessionStorage.getItem("Step"));打印值
然后可以在刷新时从新加载js时,需要再判断一下这个变量是否有值。
if(sessionStorage.getItem("Step")==1)
{$scope.filter.enterpriseStep = sessionStorage.getItem("Step");$scope.othermodel.enterprise_id=sessionStorage.getItem("enterprise_id");
}
else{$scope.filter.enterpriseStep = sessionStorage.getItem("Step");
}
刷新页面从新加载js时,可以判断到哪一步,就可以赋值到该步骤继续进行。 这篇关于html 本地存储(localStorage and sessionStorage)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!