本地存储:localStorage和cookie

本地存储:

1.localStorage(HTML5)

  大小:5M;  时效:永久; 使用方式:window(console.log(window.localStorage););不会发送到服务器;   s没有过期时间,essionStorage; 时效:会话级

对象的语法:      localStorage.name = "root";

//                          delete localStorage.name;

专属方法:          localStorage.setItem("age",19);

//                           localStorage.removeItem("age");

                             localStorage.clear();     //  慎用!


写法:

storage事件测试:


2.cookie
  

大小:4K;时效:会话级; 使用方式:document(console.log(document.cookie));会发送到服务器

 格式: 必须是名字=值的形式;一行代码只能存一条;cookie的配置信息和cookie本身之间要用;分号隔开

有效期: expires


用法

子文件夹:父不能拿子,子可以拿父

cookie的封装:


删:


查:

cookie

cookie会话跟踪技术:服务器发一个身份牌,上边记录着所有的身份信息,下次会话在这信息会有记录。cookie是浏览器的缓存,数据交换的缓冲区,临时存储

特点:

1.只能存储文本文件;2.文本限制大小:4k  ;    3.数量限制:少于50

4.读取有域名限制;5.时效限制

使用:

会话级默认路径:document.cookie="name=aaa";

指定有效期:给expires添加日期,设置过期时间

指定路径:document.cookie="name=aaa;path=/;expires="+d;

获取:var str= document.cookie;

删除:相当于把有效期设置为负

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,023评论 1 45
  • 它们都是保存在客户端中的文件,保存的格式都是字符串 cookie 1、cookie可能被禁用,当用户非常注重个人隐...
    亚萍阅读 5,691评论 0 0
  • _________________________________________________________...
    fastwe阅读 4,229评论 0 0
  • ## 经典bug:1.模板引擎的渲染## 难点:### 0.vue总结#### 指令:```jsVue.direc...
    x_ng阅读 2,394评论 0 0
  • 本篇收录了一些面试中经常会遇到的经典面试题以及自己面试过程中遇到的一些问题,并且都给出了我在网上收集的答案。马上就...
    菲菲菲菲妞阅读 4,451评论 0 3