html5缓存

storage缓存

• 类似cookie缓存
• 没有时间限制

一、html5缓存的方式

二、设置缓存—setItem()

• 两个参数全为String类型

<script>
	//设置缓存
   sessionStorage.setItem('name','zhao');
   localStorage.setItem('name','zhao');
</script>

三、获取缓存—getItem()或者key()

1.getItem()

<script>
   //获取缓存
   console.log(sessionStorage.getItem('name'));
   console.log(localStorage.getItem('_name'));
</script>

2.key()—通过键值获取缓存

• 通过存储的索引来获取缓存的键，根据键来获取每一组键的值。（后存的是0索引值）

<script>
   console.log(sessionStorage.key(0));
   console.log(localStorage.key(1));
</script>

四、移除缓存—removeItem()

   sessionStorage.removeItem('name');

五、全部清除缓存—clear()

	sessionStorage.clear();

六、length属性—返回储存数据的个数

<script>
   console.log(sessionStorage.length);//1
   console.log(localStorage.length);//2
</script>