1 <!-- 2 sessionStorage的使用：存储数据到本地。存储的容量5mb左右 3 1.这个数据本质是储存在当前页面的内存中 4 2.他的生命周期为关闭当前页面，关闭页面，数据会自动清楚 5 6 setTtem(key,value):存储数据，以键值对的方式储存 7 getItem(key):获取数据，通过制定名称的key获取对应的value值 8 removeItme(key):删除数据，通过制定名称key删除对应的值 9 clear():清空所有存储的内容 10 --> 11 <input type="text" id="username"><br/> 12 <input type="button" value="设置数据" id="setData"><br/> 13 <input type="button" value="获取数据" id="getData"><br/> 14 <input type="button" value="删除数据" id="removeData"><br/> 15 16 <script> 17 /*存储数据*/ 18 document.querySelector("#setData").onclick=function () { 19 var name = document.querySelector("#username").value; 20 window.sessionStorage.setItem("userName",name); 21 } 22 /*获取数据*/ 23 document.querySelector("#getData").onclick=function () { 24 /*如果找不到对应名称的key，那么就会获取null*/ 25 var name=window.sessionStorage.getItem("userName"); 26 alert(name); 27 } 28 /*删除数据*/ 29 document.querySelector("#removeData").onclick=function () { 30 /*在删除的时候如果key值错误，不会报错，也不会删除数据*/ 31 window.sessionStorage.removeItem("userName"); 32 } 33 </script>