1 DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="UTF-8" />
5 <title>localStoragetitle>
6
25 head>
26 <body>
27 <h2>localStorageh2>
28 <button onclick="saveData()">点我保存一个数据button>
29 <button onclick="readData()">点我读取一个数据button>
30 <button onclick="deleteData()">点我删除一个数据button>
31 <button onclick="deleteAllData()">点我删除所有数据button>
32 <script type="text/javascript">
33 let p = {name:'张三',sex:'男',age:20};
34 function saveData(){
35 localStorage.setItem('msg', 'hello!!!');
36 localStorage.setItem('msg2', 666);
37 localStorage.setItem('person', JSON.stringify(p));
38 }
39 function readData(){
40 console.log(localStorage.getItem('msg'));
41 console.log(localStorage.getItem('msg2'));
42 let person = localStorage.getItem('person');
43 console.log(JSON.parse(person));
44 }
45 function deleteData(){
46 localStorage.removeItem('msg2');
47 }
48 function deleteAllData(){
49 localStorage.clear();
50 }
51 script>
52 body>
53
54 html>