localStorage对象存储的数据没有时间限制
在使用localStorage之前我们要先测试一下浏览器是否可以支持(使用代码测试)
代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
if (typeof(Storage) != undefined) {
document.write("你的浏览器支持Storage");
} else {
document.write("你的浏览器不支持Storage");
}
</script>
</body>
</html>
效果(如果不支持会显示不支持)
localStorage方法和属性:
-
setItem(key,value):该方法接收一个键名和值作为参数,将会把键值对添加到存储中,如果键名存在,则更新其对应的值
-
getItem(key):该方法接收一个键名作为参数,返回键名对应的值
-
romoveItem(key):该方法接收一个键名作为参数,并把该键名从存储数据中删除
-
length:类似数组的length属性,用于访问Storage对象item的数量
-
key(n)用于访问第n个key的名称