HTML5 中如何使用本地存储？
互广建站
在 HTML5 中，可以使用 localStorage 和 sessionStorage 来实现本地存储。
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>
// 存储数据
localStorage.setItem('name', '王五');
localStorage.setItem('age', 21);
// 读取数据
var name = localStorage.getItem('name');
var age = localStorage.getItem('age');
console.log('姓名：' + name + '，年龄：' + age);
// 删除数据
localStorage.removeItem('age');
</script>
</body>
</html>
sessionStorage 存储的数据只在当前会话有效，即当页面关闭或浏览器关闭时，数据会被清除。使用方法与 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>
// 存储数据
sessionStorage.setItem('username', '赵六');
// 读取数据
var username = sessionStorage.getItem('username');
console.log('用户名：' + username);
// 删除数据
sessionStorage.removeItem('username');
</script>
</body>
</html>
需要注意的是，localStorage 和 sessionStorage 只能存储字符串类型的数据，如果要存储对象或数组，需要先将其转换为字符串，可以使用 JSON.stringify() 方法进行转换，读取时再使用 JSON.parse() 方法转换回对象或数组。