cookie、LocalStorage、sessionStorage的基础使用

最新推荐文章于 2024-07-25 07:58:01 发布

原创

最新推荐文章于 2024-07-25 07:58:01 发布 · 429 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #html5 #javascript #cookie #session

本文详细解析了cookie的基本用法、生命周期、作用域及限制，并将其与localStorage和sessionStorage进行对比，探讨了它们在存储用户状态和数据持久性方面的差异。

1 cookie

cookie 是浏览器储存在用户电脑上的一小段文本文件。纯文本格式的；

1.1 基本用法

（1）创建cookie:每次只能创建一个cookie键值对

document.cookie="name=xiaobai"

设置有过期时间的cookie:

document.cookie="age=5; expires=Thu, 18 Dec 2043 12:00:00 GMT";

（2）读取cookie:返回域名下所有的cookie

var name=document.cookie // 返回所有cookie

（3）删除cookie：通过将过期时间指定为原始时间，即可删除

document.cookie = "name=; expires=Thu, 01 Jan 1970 00:00:00 UTC;";

上面是基本的用法；一般通过定义函数操作cookie；如下

//设置cookie
function setCookie(cname, cvalue, exdays) {
    var d = new Date();
    d.setTime(d.getTime() + (exdays*24*60*60*1000));
    var expires = "expires="+d.toUTCString();
    document.cookie = cname + "=" + cvalue + "; " + expires;
}

//获取cookie
function getCookie(cname) {
    va