1 <!--
2 localStorage的使用：
3 1.存储的内容大概20mb
4 2.不同浏览器不能共享数据，但是在同意浏览器的不同窗口中可以共享数据
5 3.永久生效，他的数据是储存在硬盘上，并不会随着页面或者浏览器的关闭而清除，如果想清除必须手动清除
6
7 setTtem(key,value):存储数据，以键值对的方式储存
8 getItem(key):获取数据，通过制定名称的key获取对应的value值
9 removeItme(key):删除数据，通过制定名称key删除对应的值
10 clear():清空所有存储的内容
11 -->
12 <input type="text" id="username"><br/>
13 <input type="button" value="设置数据" id="setData"><br/>
14 <input type="button" value="获取数据" id="getData"><br/>
15 <input type="button" value="删除数据" id="removeData"><br/>
16
17 <script>
18 /*存储数据*/
19 document.querySelector("#setData").onclick=function () {
20 var name = document.querySelector("#username").value;
21 window.localStorage.setItem("userName",name);
22 }
23 /*获取数据*/
24 document.querySelector("#getData").onclick=function () {
25 /*如果找不到对应名称的key，那么就会获取null*/
26 var name=window.localStorage.getItem("userName");
27 alert(name);
28 }
29 /*删除数据*/
30 document.querySelector("#removeData").onclick=function () {
31 /*在删除的时候如果key值错误，不会报错，也不会删除数据*/
32 window.localStorage.removeItem("userName");
33 }
34 </script>
