html5新特性localStorage和sessionStorage

HTML5 提供了两种在客户端存储数据的新方法：

localStorage:

　　（1）它的生命周期是永久的，关闭页面或浏览器之后localStorage中的数据也不会消失。

　　（2）它的容量大小是5M作用，而cookie一般就4kb.

　　（3）它不能设置过期时间，需要自己处理清除，而cookie可以设置过期时间。

　　（4）它的保存方式是明文暴露的，而cookie是保存在密文的

　　（5）常用方法：

　　　　　　　　　（1）设置缓存：localstorage.set（"myname" , "legendheng"）;

　　　　　　　　　（2）获取缓存：localstorage.get（"myname" ）;

　　　　　　　　　（3）清除某个缓存：localstorage.remove（"myname" ）;

　　　　　　　　　（4）清除全部缓存：localstorage.clear（）;

在控制台调试器下的例子：

 

 

 

sessionStorage：

　　（1）它的生命周期是在仅在当前会话下有效，即使刷新页面同样存在，但关闭浏览器后会数据清除。

　　（2）它的使用方法和localstorage基本相同，只不过是把localstorage改成sessionstorage

　　（5）常用方法：

　　　　　　　　　（1）设置缓存：sessionStorage.set（"myname" , "legendheng"）;

　　　　　　　　　（2）获取缓存：sessionStorage.get（"myname" ）;

　　　　　　　　　（3）清除某个缓存：sessionStorage.remove（"myname" ）;

　　　　　　　　　（4）清除全部缓存：sessionStorage.clear（）;

 

在控制台调试器下的例子：

 

 

两者的兼容比较：

 

转载于:https://www.cnblogs.com/legendheng/p/9155677.html