html5本地存储有：1、localstorage，它的生命周期是永久，除非主动清除localstorage信息，否则这些信息将永远存在；2、sessionstorage，它仅在当前会话下有效，关闭页面或浏览器后被清除。
本教程操作环境：windows7系统、html5版、dell g3电脑。
html5 web 存储是本地存储，存储在客户端，包括localstorage和sessionstorage。html5 web 存储是以键/值对的形式存储的，通常以字符串存储。
localstoragelocalstorage生命周期是永久，除非主动清除localstorage信息，否则这些信息将永远存在。存放数据大小为一般为5mb,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信。
// 1、保存数据到本地 // 第一个参数是保存的变量名，第二个是赋给变量的值 localstorage.setitem('author', 'local'); // 2、从本地存储获取数据 localstorage.getitem('author'); // 3、从本地存储删除某个已保存的数据 localstorage.removeitem('author'); // 4、清除所有保存的数据 localstorage.clear();
sessionstoragesessionstorage仅在当前会话下有效，关闭页面或浏览器后被清除。存放数据大小为一般为5mb,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信。
// 1、保存数据到本地 // 第一个参数是保存的变量名，第二个是赋给变量的值 sessionstorage.setitem('author', 'session'); // 2、从本地存储获取数据 sessionstorage.getitem('author'); // 3、从本地存储删除某个已保存的数据 sessionstorage.removeitem('author'); // 4、清除所有保存的数据 sessionstorage.clear();
复杂数据存储上面都是对于简单的数据类型的存储，但当要存储的数据是一个对象或是数组的时候，直接存储是不行的
错误的存储：
var user = { username: 'liu', password: '123456' }; sessionstorage.setitem('user', user); console.log(sessionstorage.getitem('user'));
这个时候，就需要转换数据格式。
存储数据前：利用json.stringify将对象转换成字符串
获取数据后：利用json.parse将字符串转换成对象
var user = { username: 'liu', password: '123456' }; user = json.stringify(user); sessionstorage.setitem('user', user); var account = sessionstorage.getitem('user'); console.log(account); account = json.parse(account) console.log(account);
推荐教程：《html视频教程》
以上就是html5本地存储有哪些的详细内容。