WebStorage

最新推荐文章于 2022-07-19 18:51:51 发布

I'm Mr.C

最新推荐文章于 2022-07-19 18:51:51 发布

阅读量187

点赞数

分类专栏： JavaScript 文章标签： html5 javascript html

本文链接：https://blog.csdn.net/qq_44849271/article/details/120064991

版权

JavaScript 专栏收录该内容

37 篇文章 1 订阅

订阅专栏

WebStorage

WebStorage是HTML5推出，是一种web本地存储方式。

WebStorage分为SessionStorage与localStorage

SessionStorage:用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。

localStorage:用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去除。

SessionStorage:

//设置SessionStorage
window.sessionStorage.setItem("存储的属性名","存储的数据值");
//获取存储的SessionStorage
window.sessionStorage.getItem("存储的属性名");
//清除SessionStorage
window.sessionStorage.removeItem("存储的属性名");//--清除指定的SessionStorage
window.sessionStorage.clear();//--清除全部SessionStorage
//根据下标获取SessionStorage的属性名
window.sessionStorage.key(下标);//例如window.sessionStorage.key(0);
//获取SessionStorage的长度
window.sessionStorage.length;

localStorage:
localStorage与SessionStorage的一样，拥有相同的函数。

//设置localStorage
window.localStorage.setItem("存储的属性名","存储的数据值");
//获取存储的localStorage
window.localStorage.getItem("存储的属性名");
//清除localStorage
window.localStorage.removeItem("存储的属性名");//--清除指定的localStorage
window.localStorage.clear();//--清除全部localStorage
//根据下标获取localStorage的属性名
window.localStorage.key(下标);//例如window.localStorage.key(0);
//获取localStorage的长度
window.localStorage.length;