html5存储localstorage三剑客

本地存储localstorage

两个方法

	// localSortage对象：把数据以字符串的方式保存本地
	// 获取： localStorage.getItem()
	// 设置： localStorage.setItem()

案例

// 获取元素
var txt = document.getElementById(‘txt’);
var a = document.querySelector(‘a’);
a.onclick = function () {
// 获取用户内容
var val = txt.value;
// 设置
localStorage.setItem(‘userName’, val);
}
设置
// localStorage.setItem(键，值)
// localStorage.setItem(‘uname’, ‘张三丰’);
// localStorage.setItem(‘age’, 22);
// localStorage.setItem(‘uname’, ‘李寻欢’);
获取
// 获取：localStorage.getItem(键)
// var n = localStorage.getItem(‘uname’);
// console.log(n);

本地离线存储 localStorage和sessionStorage 有什么区别

本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失；
sessionStorage 的数据在浏览器关闭后自动删除

HTML5中的本地存储概念是什么？生命周期有多长？