Localstorage and sessionstorage

cookie/localStorage/sessionStorage The difference between

1. The storage method is different ：cookie Data is always in the same source http Carry... In the request , namely cookie It will pass back and forth between the browser and the server , However, you can restrict it to be valid only under a certain path through the path . and sessionStorage and localStorage It doesn't send data to the server , Save locally only .
2. Storage size limits vary ：cookie Data cannot exceed 4K, Only suitable for keeping small data , Such as session ID .sessionStorage and localStorage The size that can be stored is 5M about .
3. Data validity is different ：sessionStorage Only valid until the current browser window is closed ;localStorage Always effective , Windows or browsers are closed and saved all the time ;cookie Only in settings cookie Valid until expiration date , Even if the window or browser is closed .
4. Different scopes ：sessionStorage Don't share in different browser windows , Even if it's the same page ;localStorage and cookie Share... In all homologous windows .

localStorage Methods

• localStorage.setItem("key","value");      Add a key value pair
• localStorage.getItem("key");                  adopt key Inquire about value
• localStorage.removeItem("key");            Delete key Corresponding key value pair
• localStorage.clear();                              Clear all key value pairs

sessionStorage Methods （ And localStorage The method is the same ）

• sessionStorage.setItem("key","value");      Add a key value pair
• sessionStorage.getItem("key");                  adopt key Inquire about value
• sessionStorage.removeItem("key");            Delete key Corresponding key value pair
• sessionStorage.clear();                              Clear all key value pairs