localStorage是html5本地存储数据的对象,可作为缓存使用,它使用key---value的形式存储数据,数据存储在一个后缀名是.localstorege的文件上,实际上可以用sqlite查看工具打开,这样里面的数据就能一览无余,因此在保存用户名或密码等重要数据时,请进行加密保存,否则很容易败露。
localStorage作用域并不是一个网站项目,而是一个浏览器,例如你保存一个key=“username”,value=“张三”的数据到.localstorege文件中,那么其他项目也是可以通过这个key来获取value值的,所以要非常小心,第一:key尽量不要重复,以免和别的网站覆盖了,第二是敏感数据需要加密处理。
localStorage使用方法如下,我们以操作用户名为例,如:
//保存用户名 localStorage.setItem("username","zhangsan"); //获取key为username的用户名 localStorage.getItem("username"); //删除用户 localStorage.removeItem("username");
html5的localStorage和cookie的区别是localStorage能保存30M左右的数据,永久保存数据,而cookie只能保存4K左右,并且有最大期限的。