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=/";
쿠키 읽기
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 쿠키의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!