Html5_sessionStrong和localStorage的灵活使用

谈谈这两个属性sessionStrong和localStorage是Html5新增点属性，用来记录一些数据在浏览器。

两者的区别sessionStrong存储的数据是暂时的，浏览器关掉后，存储下来的数据就会被清除。

localStorage存储的数据是长期的，浏览器关掉后，存储下来的数据还是会保存在浏览器中。

具体存储下来的数据可以在浏览器的resources中找到。

有了这两个属性我们可以做很多的事情，灵活运用，不太需要依赖cookie。

你一定要热爱你的工作，Web，只有自己喜欢的事情。才会有快乐，才会进步。

技术段：

把数据存储到浏览器:

localStorage.setItem("heName01", "周杰伦");

sessionStorage.setItem("heName02", "林俊杰");

把存储到数据拿出来用:

var heName01 = localStorage.getItem("heName"); 

var heName02 = sessionStorage.getItem("heName"); 

console.log(heName01);//周杰伦

console.log(heName02);//林俊杰

把存储到数据在浏览器中清除:

localStorage.removeItem("heName01");

sessionStorage.removeItem("heName02");