로컬 스토리지 예제

  • 0

로컬 스토리지 예제

또한 localStorage.removeItem(키)과 같은 removeItem() 메서드에 키 값을 전달하여 저장소에서 특정 항목을 제거할 수도 있습니다. 웹 저장소 API의 일부인 localStorage 및 sessionStorage는 키/값 쌍을 로컬로 저장하는 두 가지 훌륭한 도구입니다. 이 게시물 의 상단에 있는 저장 버튼을 클릭하면 localStorage저장은 저장된 게시물을 저장하는 데 사용됩니다. 두 번째 문제: 사용자가 저장소 의 양을 제한하는 경우 첫 번째로 작동합니까? 웹 저장소는 원본(도메인 및 프로토콜당)에 따라 다됩니다. 하나의 원본에서 모든 페이지는 동일한 데이터를 저장하고 액세스할 수 있습니다. 라이브러리가 필요하지 않습니다, 그건 그냥 자바 스크립트입니다. 당신이 원하는 경우에 당신은 모더니즈를 사용하여 먼저 Modernizr.localstorage로 테스트 할 수 있습니다. 그러나 전체 저장소를 제거하려는 경우 localStorage.clear()와 같은 clear() 메서드를 사용합니다. clear() 메서드는 localStorage에서 모든 키/값 쌍을 한 번에 지우므로 사용하기 전에 신중하게 생각하십시오. 이 메서드는 호출할 때 해당 도메인에 대 한 모든 레코드의 전체 저장소를 지웁히습니다.

매개 변수가 수신되지 않습니다. 고마워, 크리스! 언제나처럼, 귀하의 사이트는 새로운 것을 학습에 올 때 내 주요 자원입니다! 로컬 스토리지는 절대적으로 굉장합니다! 공유 주셔서 감사합니다! 이름 값 저장소를 사용할 수 있습니까? caniuse.com 주요 브라우저에서 이름 값 저장소 기능에 대한 지원에 대한 데이터입니다. key() 메서드는 키를 반복해야 하는 상황에서 유용하며 숫자 또는 인덱스를 로컬 저장소에 전달하여 키 이름을 검색할 수 있습니다. 이제 일부 데이터를 저장해 보았으니, 그 중 일부를 로컬 저장소에서 꺼내보겠습니다. 이렇게 하려면 getItem() 메서드를 사용 하 고 인수로 키를 사용 하 고 그와 관련 된 문자열 값을 반환: HTML5 웹 저장소는 사용자의 브라우저에 데이터를 저장 하는 데 사용 됩니다. 웹 저장소에 저장된 정보는 모든 요청과 함께 서버로 데이터가 전송되는 쿠키와 달리 웹 서버로 전송되지 않습니다. 또한 쿠키를 사용하면 소량의 데이터(거의 4KB)를 저장할 수 있으므로 웹 저장소를 사용하면 최대 5MB의 데이터를 저장할 수 있습니다. HTML5 이전에는 모든 서버 요청에 포함된 응용 프로그램 데이터를 쿠키에 저장해야 했습니다. 웹 저장소는 더 안전하며 웹 사이트 성능에 영향을 주지 않고 많은 양의 데이터를 로컬로 저장할 수 있습니다. 참고: 웹 저장소 데이터(로컬 및 세션 모두)는 다른 브라우저 간에 제공되지 않습니다(예: Firefox 브라우저에 저장된 데이터는 Google 크롬, 인터넷 익스플로러 또는 기타 브라우저에서 사용할 수 없습니다).

우리에게 관심의 또 다른 방법은 removeItem () 방법입니다. 이 메서드는 로컬 저장소에서 항목을 제거 합니다 (나중에 로컬 저장소를 `비우는` 로컬 저장소에 대해 좀 더 이야기 합니다). removeItem() 메서드는 키를 인수로 사용 하며 해당 키와 관련 된 값을 제거 합니다. MDC – DOM 스토리지 또는 W3C의 웹 스토리지 초안 (확인, 덜 데모 및 더 많은 설명)을 살펴보십시오. 그러나 API는 그렇게 거대하지 않습니다. 쿠키와 달리 저장 한도는 훨씬 더 크며(최소 5MB) 정보는 서버로 전송되지 않습니다. 웹 저장소를 사용하면 웹 응용 프로그램은 사용자의 브라우저 내에서 데이터를 로컬로 저장할 수 있습니다. 내가 보는 문제 – 점점 더 많은 웹 사이트가 로컬 저장소를 사용하기 시작함에 따라 컴퓨터가 채워지고 사용자가 모든 간격이 어디로 가는지 알지 못하고 있습니다. LocalStorage는 자바 스크립트 웹 사이트와 앱이 만료 날짜없이 브라우저에서 바로 데이터를 저장하고 액세스 할 수있는 웹 스토리지의 유형입니다. 즉, 브라우저 창이 닫힌 후에도 브라우저에 저장된 데이터가 유지됩니다. 다음은 텍스트 상자에 텍스트를 입력하고 단추를 클릭하는 보다 완전한 코드 예제입니다. 그런 다음 텍스트가 LocalStorage에 저장되고 검색되어 div에 표시됩니다.