cookie localstorage sessionStorage

YanceyOfficial 发布于2019-08-23 15:31 / 1131人阅读

摘要：保存在浏览器端的用户信息的文本，约条必须在服务器环境下，第一次在服务器生成，响应给客户端客户端发起请求时，会跟随请求一起发送到服务器端优点能记录用户信息，保持状态缺点消耗相当的带宽网络资源，可能泄露用户的私隐怎么用请看下面的获取所有条数组成

cookie

保存在浏览器端的用户信息的文本，约4k 120~150条
 cookie必须在服务器环境下，cookie第一次在服务器生成，响应给客户端
 客户端发起请求时，cookie会跟随请求一起发送到服务器端
 优点：能记录用户信息，保持状态
 缺点：消耗相当的带宽网络资源，可能泄露用户的私隐

cookie怎么用?
请看下面的code:
   
// 1.获取cookie
function getCookie(name) {
    var cookies = document.cookie.split("; ");//所有cookie条数组成的数组
    for(var i = 0; i < cookies.length; i++) {
        var arr = cookies[i].split("=");// 将name199=value199字符串以=号分割
        if(name === arr[0]) {
            return arr[1]; // 找到立即返回
        }
    }
    return ""; //找不到返回空
}

// 2.设置cookie
// expires 天
function setCookie(name, value, expires) {
    document.cookie = name + "=" + value + ";Max-Age = " + expires * 24 * 60 * 60;
}

// 3.清除cookie
function clearCookie(name) {
    setCookie(name, "", -1);
}

localStorage

 本地存储，5M，不需要服务器环境，一直保留在浏览器;但是不能跨客户端跨浏览器
localStorage.getItem(name)        获取
localStorage.setItem(name, value) 设置
localStorage.removeItem(name)     移除

sessionStorage

会话，跟localStorage 时效不一致，浏览器或当前页面关闭，信息不保存
sessionStorage.getItem(name)        获取
sessionStorage.setItem(name, value) 设置
sessionStorage.removeItem(name)     移除

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/102168.html

cookie、Sessionstorage、Localstorage快速上手

摘要：快速上手先说区别数据大小不能超过。可以在后端设置修改，数据仅在本地浏览器保存。数据存储在浏览器仅在浏览器为关闭的状态，关闭窗口后数据就会销毁。默认情况下，属于当前页面。 cookie、Sessionstorage、Localstorage快速上手先说区别 cookie: 数据大小不能超过4KB。不管是否有需求，cookie数据都会在HTTP请求中携带，在浏览器和服务器中来回传递，...

duan199226 2019-08-20 17:49 评论0 收藏0
详说 Cookie, LocalStorage 与 SessionStorage

摘要：顾名思义，确实非常小，它的大小限制为左右，是网景公司的前雇员在年月的发明。是标准中新加入的技术，它并不是什么划时代的新东西。特性与的接口类似，但保存数据的生命周期与不同。但当页面关闭后，中的数据就会被清空。本文最初发布于我的个人博客：咀嚼之味最近在找暑期实习，其中百度、网易游戏、阿里的面试都问到一些关于HTML5的东西，问题大多是这样开头的：你用过什么HTML5的技术呀？...

endless_road 2019-08-21 10:31 评论0 收藏0
localStorage、sessionStorage、Cookie的区别及用法

摘要：的区别及用法是本地存储，存储在客户端，包括和。仅在当前会话下有效，关闭页面或浏览器后被清除。源生接口可以接受，亦可再次封装来对和有更好的支持。但需要程序员自己封装，源生的接口不友好。每个最多只能有条，每个长度不能超过。 localStorage、sessionStorage、Cookie的区别及用法 showImg(https://segmentfault.com/img/bVYLlH...

sf_wangchong 2019-08-21 17:41 评论0 收藏0
cookie、Sessionstorage、Localstorage快速上手

摘要：快速上手先说区别数据大小不能超过。可以在后端设置修改，数据仅在本地浏览器保存。数据存储在浏览器仅在浏览器为关闭的状态，关闭窗口后数据就会销毁。默认情况下，属于当前页面。 cookie、Sessionstorage、Localstorage快速上手先说区别 cookie: 数据大小不能超过4KB。不管是否有需求，cookie数据都会在HTTP请求中携带，在浏览器和服务器中来回传递，...

Galence 2019-08-20 17:49 评论0 收藏0