本案例介绍localStorage和sessionStorage两种方式,sessionStorage浏览器关闭的时候缓存的数据会丢失(清空),而localStorage不会。
1、localStorage
<!DOCTYPE html>
<html>
<head>
<title>localStorage</title>
</head>
<body>
<h1>localStorage</h1>
<button onclick="addData()">点我添加数据</button>
<button onclick="readData()">点我读取数据</button>
<button onclick="deleteData()">点我删除数据</button>
<button onclick="clearAll()">点我清空数据</button>
<script type="text/javascript">
function addData(){
var p = {name:"张三", age: 18}
localStorage.setItem("msg", "hello");
localStorage.setItem("msg2", 666);
localStorage.setItem("person", JS