| Cookies | LocalStorage | SessionStorage | |
|---|---|---|---|
| Capacity | 4kb | 5-10 MBs (Browser Dependent) | 5 MBs |
| Accessibility | All windows | All windows | Private to tab |
| Expiration | Manually Set | Never expires | On tab close |
| Passed in request | Yes | No | No |
| Storage | Browser and Server | Browser Only | Browser Only |
正如您从上表中看到的主要区别。以下是每种存储类型的应用：
// below snippet will set username as key ? // Johndoe as value ? // will set expiry date for the cookie which is 31 Dec 2024 // path (cookie available to entire website) // if no path specified then cookie will be available to that particular site which created that cookie // you can delete the cookie by setting? the date that already expired (any previous date) document.cookie = "username=JohnDoe; expires=Fri, 31 Dec 2024 23:59:59 GMT; path=/";
读取cookie
console.log(document.cookie) // Outputs all cookies? as a string
sessionStorage.setItem('sessionData', 'temporaryValue');
let sessionData = sessionStorage.getItem('sessionData');
console.log(sessionData); // Outputs: temporaryValue
sessionStorage.removeItem('sessionData'); // it will only remove particular key
sessionStorage.clear(); // clean the whole storage
最常用的存储类型，所有功能都与会话类型类似。
//set item
localStorage.setItem('username', 'JohnDoe');
// get itme
let username = localStorage.getItem('username');
console.log(username); // Outputs: JohnDoe
// remove item with key-value
localStorage.removeItem('username');
// reset store
localStorage.clear();
领英？ ❤
以上是LocalStorage VS SessionStorage VS Cookie的详细内容。更多信息请关注PHP中文网其他相关文章！
