sessionStorage存储

匿名 (未验证) 提交于 2019-12-03 00:28:02

简单说明

1)在存储用户数据的时候,因为cookie可以存储的数据比较小才4KB左右     所以也可以考虑使用sessionStorage来存储,大小限制为2M左右     (2)该技术和localStorage是h5推出的,因此在使用的时候,需要考虑到兼容性的问题     (3)相关资料:http://www.w3school.com.cn/html5/html_5_webstorage.asp4)简单介绍和使用:         001 sessionStorage:会话存储技术(session-会话)         002 该技术和cookie一样,一样浏览器退出了,那么保存的数据就会         003 演示sessionStorage技术的相关操作             添加|获取|更新|删除|清空

示例代码

<input type="text"> <button class="btn1">添加</button> <button class="btn2">获取</button> <button class="btn3">更新</button> <button class="btn4">删除</button> <button class="btn5">清空</button>   <script>     window.sessionStorage.setItem("age","18");     window.sessionStorage.setItem("color","red");     window.sessionStorage.setItem("des","no des");     var oInput = document.querySelector("input");     var oBtn1 = document.querySelector(".btn1");      oBtn1.onclick = function () {         //添加操作         window.sessionStorage.setItem("name",oInput.value);     };     var oBtn2 = document.querySelector(".btn2");     oBtn2.onclick = function () {         //获取操作         console.log(window.sessionStorage.getItem("name"));     };      var oBtn3 = document.querySelector(".btn3");     oBtn3.onclick = function () {         //更新操作         window.sessionStorage.setItem("name",oInput.value);     };     var oBtn4 = document.querySelector(".btn4");     oBtn4.onclick = function () {         //删除操作         window.sessionStorage.removeItem("name");     };     var oBtn5 = document.querySelector(".btn5");     oBtn5.onclick = function () {         //清空操作         window.sessionStorage.clear();     };  </script>
文章来源: sessionStorage存储
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!