什么是WebStorageWebStorage是一种类似于HTML5中引入的cookies的本地存储功能,可以用于客户端的本地存储。与cookies相比,它有以下优点:存储空间大:cookies只有4KB的存储空间,而官方推荐的WebStorage是每个网站5M。可选性强:WebStorage分为sessionStorage和localStorage两种。WebStorage的使用方式与sessionStorage和localStorage相同,只是sessionStorage是临时存储session中的数据。当浏览器关闭时,数据消失。.localStorage在本地存储数据。理论上,除非手动删除,否则数据永远不会消失。API:保存数据localStorage.setItem(key,value);sessionStorage.setItem(键,值);读取数据localStorage.getItem(key);sessionStorage.getItem(关键);删除单个数据localStorage.removeItem(key);sessionStorage.removeItem(key);删除所有数据localStorage.clear();sessionStorage.clear();获取索引键localStorage.key(index);sessionStorage.key(索引);注意:WebStorageAPI只能对字符串进行操作在使用WebStorage之前,我们需要注意以下几点:仅支持IE8及以上版本。因为只能操作字符串类型的数据,有些JSON对象因为是明文存储,所以需要进行转换,完全没有隐私可言,一定不能用来存放重要信息,浏览器的加载速度会有一定程度的减慢,无法被爬虫抓取。使用WebStorage前,请添加如下代码判断浏览器是否支持WebStorageif(window.localStorage){//orwindow.sessionStoragealert("browsersupportslocalStorage")//主要逻辑业务}else{alert("browsingdoesnotsupportlocalStorage")//alternativemethod}写一个学生管理小程序先准备好演示WebStorage基本用法的简单html页面
