js cookies超过最大长度

笔记：学习记录

问题：cookies存储的大小超过4kb时，会有数据丢失。

解决方法：

1.localStorage 代替cookies

2.sessionStorage 代替cookies

JS localStorage对象使用/sessionStorage使用

1. length属性

返回存储对象中包含多少条数据

?

1 2 3 4

var len = 0; if(!!localStorage){   len=localStorage.length; }

2. setItem()方法

添加键和值，如果对应的值存在，则更新该键对应的值，数据必须为string类型。

?

1 2 3 4 5 6 7 8 9 10 11 12 13

function <strong>setItem</strong>(key, value){ if(!!localStorage)    //保存string数据    localStorage.setItem("key", "value");   //保存json数据   var json = {       "1": "1",       "2": "2",   };   localStorage.setItem("json", JSON.stringify(json)); }   }

3. getItem()方法

说明：得到指定键的数据 ，数据为string类型。

格式：setItem(key);

?

1 2 3 4 5 6 7 8 9 10

function getItem(key, value){ if(!!localStorage)    //得到string数据    var value =  localStorage.getItem("key");    // 得到string，将其转json数据    var json = localStorage.setItem("json");    json=eval("("+json+")"); }   }

3.removeItem()

说明：删除指定键的数据 。

格式：removeItem();

?

1 2 3

if(!!localStorage){   localStorage.removeItem("key"); }

4 clear()

说明：删除所有数据 。

格式：clear();

?

1 2 3

if(!!localstorage){   localStorage.clear(); }

　

参考链接：

https://blog.csdn.net/qq_38974638/article/details/107992200

https://blog.csdn.net/qq_38974638/article/details/107987714

https://blog.csdn.net/qq_38974638/article/details/107980130