H5 存储数据sessionStorage

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<pre>
sessionStorage的使用：存储数据到本地。存储的容量5mb左右。1.这个数据本质是存储在当前页面的内存中-意味着其它页面和浏览器无法获取数据2.它的生命周期为关闭当前页面，关闭页面，数据会自动清除setItem(key,value):存储数据，以键值对的方式存储getItem(key):获取数据，通过指定名称的key获取对应的value值removeItem(key):删除数据，通过指定名称key删除对应的值clear():清空所有存储的内容
</pre><br>
<input type="text" id="userName"><br>
<input type="button" value="设置数据" id="setData">
<input type="button" value="获取数据" id="getData">
<input type="button" value="删除数据" id="removeData">
<input type="button" value="清空数据" id="emptyData">
<script>/*存储数据*/document.querySelector("#setData").onclick=function(){/*获取用户名*/var name=document.querySelector("#userName").value;/*存储数据*/window.sessionStorage.setItem("userName",name);}/*获取数据*/document.querySelector("#getData").onclick=function(){/*如果找不到对应名称的key,那么就会获取null*/var name=window.sessionStorage.getItem("userName");alert(name);}/*删除数据*/document.querySelector("#removeData").onclick=function(){/*在删除的时候如果key值错误，不会报错，但是也不会删除数据*/window.sessionStorage.removeItem("userName");}/* 清空数据 */document.querySelector("#emptyData").onclick=function () {window.sessionStorage.clear ();}
</script>
</body>
</html>

H5 存储数据sessionStorage相关推荐

sessionStorage存储数据和取数据
sessionStorage存数据,如果刷新页面,数据仍旧存在,只有关闭页面,数据才消失打开多个相同的URL的Tabs页面,会创建各自的sessionStorage. 关闭对应浏览器tab,会清除对 ...
MySQL还是h5储存数据_h5中五大存储方式
h5之前,存储主要是用cookies.cookies缺点有在请求头上带着数据,大小是4k之内.主Domain污染. 主要应用:购物车.客户登录对于IE浏览器有UserData,大小是64k,只有IE ...
js存储数据cookie,localhost,sessionstorage
存储数据 1.cookie.设置属性不会被覆盖特点:内存小只有4kb,可以设置过期时间.而且有些域名会限制网站里面查找cookie:1.检查 2.Application 3.cookies ...
SSM 实训笔记 -10- 使用 sessionStorage 存储数据、js 图片验证码、登录加载动画
SSM 实训笔记 -10- 使用 sessionStorage 存储数据.js 图片验证码.登录加载动画本篇内容: (1)在登录成功时,使用 sessionStorage 存储用户的用户名,并在登录 ...
uni.getStorageSync获取手机端H5存储的缓存（localStorage）数据
处理如题需求,我们须要先了解相关知识需要先掌握uni-app关于数据缓存的api 传送门需要了解html5的plus关于Storage模块的知识传送门如下h5代码 document.addEv ...
前端在浏览器端存储数据
在前端中存储数据大致有三种模式: 1:cookie:但是cookie的空间只有4k,所以很少使用: 2:sessionStorage: 是在本地存储数据,其空间有最多可以达到5M,但是生命周期是浏览器 ...
【Python基础】在pandas中利用hdf5高效存储数据
1 简介 HDF5(Hierarchical Data Formal)是用于存储大规模数值数据的较为理想的存储格式. 其文件后缀名为h5,存储读取速度非常快,且可在文件内部按照明确的层次存储数据,同一 ...
html5客户端本地存储之sessionStorage及storage事件
首先您可以看一下<JavaScript本地存储实践(html5的localStorage和ie的userData)> sessionStorage和上文中提到的localStorage非常 ...
Python应用实战-在pandas中利用hdf5高效存储数据
1 简介 HDF5(Hierarchical Data Formal)是用于存储大规模数值数据的较为理想的存储格式. 其文件后缀名为h5,存储读取速度非常快,且可在文件内部按照明确的层次存储数据,同一 ...

H5 存储数据sessionStorage

H5 存储数据sessionStorage

H5 存储数据sessionStorage相关推荐

最新文章

热门文章