검색 로컬 저장소의 요소 브라우저가 로컬 스토리지를 승인하는지 여부를 확인해야 합니다. 나중에 로컬 저장소에 요소를 설정해야 합니다. 현재로서는 브라우저가 닫히면 로컬 저장소에 데이터가 저장되지 않으므로 주의해야 합니다. 나중에 로컬 저장소에 저장된 데이터를 검색해야 합니다. 간단히 이야기해 보겠습니다.
로컬 저장소에 데이터를 설정하는 구문은 다음과 같습니다.
localStorage.setItem();
예시
다음 예에서는 처음에 호환성 if 조건을 사용하여 저장소의 상태를 확인합니다. 나중에 localStorage.setItem()을 사용하여 항목이 로컬 저장소에 배치됩니다. 항목이 로컬 저장소에 있으면 localStorage.getItem() 속성을 사용하여 데이터가 검색됩니다.
<html>
<body>
<p id = "storage"></p>
<script>
if (typeof(Storage) !== "undefined") {
localStorage.setItem("product", "Tutorix");
document.getElementById("storage").innerHTML = localStorage.getItem("product");
}
else {
document.getElementById("storage").innerHTML = "Sorry, no Web Storage compatibility...";
}
</script>
</body>
</html> 출력
Tutorix