html5 -- Web 存储 localStorage和sessionStorage

最新推荐文章于 2023-01-31 17:49:05 发布

阿渡渡渡渡渡渡

最新推荐文章于 2023-01-31 17:49:05 发布

阅读量140

点赞数

分类专栏： html/css 文章标签： html

本文链接：https://blog.csdn.net/qq_44867271/article/details/106927735

版权

html/css 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

分成了七段，结合注释，依次解开注释尝试，敲敲就理解了

<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <title></title>
</head>

<body>
    <script>
        // 存一个数据
        // localStorage.setItem('name','zhangsan');
        // console.log('存储了一条数据');

        // 获取数据
        // console.log(localStorage.getItem('name'));

        // 数据存储的方法
        // localStorage.name2 = 'lisi';
        // localStorage['name3'] = 'wangwu';
        // localStorage.num_1 = 123;
        // localStorage.obj = {name:'abcd'};
        
        // 删除一个数据
        // localStorage.removeItem('num_1');

        // localStorage  sessionStorage 的区别
        // localStorage 关闭并重新打开页面，数据还在
        // sessionStorage 关闭并重新打开页面，数据不在了


        // 在当前页面存储一个数据，在另一个页面打开，localStorage的数据还在，但sessionStorage的数据不在(即：localStorage 可以在同一域的多个页面下使用，而sessionStorage只能在同一域的同一个页面使用)
        // localStorage.setItem('hero','盖伦');
        // sessionStorage.setItem('hero','德莱文');

		//清除所有数据
		// localStorage.clear();
    </script>
</body>
</html>

注意：
1.Web Storage 以键/值存储字符串类型的数据
2.存储的数据不能跨浏览器
3.存储的数据不能跨域
4.localStorage 可以在同一域的多个页面下使用，而sessionStorage只能在同一域的同一个页面使用

阿渡渡渡渡渡渡

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html5 -- Web 存储 localStorage和sessionStorage

分成了六段，结合注释，依次解开注释尝试，敲敲就理解了<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title></head><body> <script> // 存一个数据 // localStorage.setItem('name','zhangsan');
复制链接

扫一扫