HTML5+CSS3从入门到精通本地储存学习-职坐标

HTML5+CSS3从入门到精通本地储存学习

沉沙 2018-09-03 来源：阅读 492 评论 0

摘要：本篇教程探讨了HTML5+CSS3从入门到精通本地储存学习，希望阅读本篇文章以后大家有所收获，帮助大家HTML5+CSS3从入门到精通。

本篇教程探讨了HTML5+CSS3从入门到精通本地储存学习，希望阅读本篇文章以后大家有所收获，帮助大家HTML5+CSS3从入门到精通。

类似与Cookies，但由于Cookies储存量太小，大小也只有4－5KB的样子，html5的本地储存能存5M大小的数据
html5本地储存属性有，localStorage和sessionStorage，localStorage代表储存在本地，sessionStorage后面是随着session，窗口关闭即消失
设置html5本地储存
localStorage.value = 1;//设置value 为"1"localStorage["user"] = "admin";//设置user的值为"admin"localStorage.setItem("password","123456");//设置password为"123456"
取出值属性var a = localStorage["value"];//获取value的值var b = localStorage.user;//获取user的值var c = localStorage.getItem("password");//获取password的值
删除值localStorage.removeItem("user");//清除user的值
localStorage.clear();//清除所有值
注：重复设置两个相同的值，第二次会覆盖第一次的

javascript使用json格式，如果要存储在本地，可调用JSON.stringify()将其转为字符串。读取出来后调用JSON.parse()将字符串转为json格式
var userMsg= {user:"admin","password":"123456","token":1};storage.setItem("userMsg",JSON.stringify(userMsg));userMsg= JSON.parse(storage.getItem("userMsg"));

本文由职坐标整理并发布，希望对同学们有所帮助。了解更多详情请关注职坐标WEB前端HTML5/CSS3频道！

html5+css3从入门到精通源码 html5css3教程下载精通html5和css3

本文由 @沉沙发布于职坐标。未经许可，禁止转载。