html5中web本地存储客户端存储数据sessionStorage

最新推荐文章于 2024-07-10 16:22:27 发布

卡夫卡的baby

最新推荐文章于 2024-07-10 16:22:27 发布

阅读量156

点赞数

文章标签： html5

本文链接：https://blog.csdn.net/weixin_72303943/article/details/125499694

版权

客户端存储数据sessionStorage

sessionStorage存储的数据在用户关闭浏览器窗口后，数据会被删除。
常用的API(和localStorage的api相同)如下所示：
保存数据：sessionStorage.setItem(key,value);
读取数据：sessionStorage.getItem(key);
删除单个数据：sessionStorage.removeItem(key);
删除所有数据：sessionStorage.clear();
获取得到某个索引的key:  sessionStorage.key(index);
注意：键/值对 --- 通常以字符串存储

预览：
<script>
        // 保存数据：sessionStorage.setItem(key,value);
        sessionStorage.Username = 'tom ';
        sessionStorage.setItem('tel',16498540);
        sessionStorage.setItem('email','xiaolizi@163.com');

        // 读取数据：sessionStorage.getItem(key)
        var uname = sessionStorage.getItem('username');
        var tel = sessionStorage.getItem('tel');
        var email = sessionStorage.getItem('email');
        console.log(uname);
        console.log(tel,email);

        // 删除单个数据：sessionStorage.removeItem(key)