웹 브라우저 기반 로컬 저장 방식 application_javascript 기술

클라이언트에 데이터를 저장할 때 일반적으로 쿠키(민감하지 않은 데이터)를 사용합니다. 그러나 클라이언트가 점점 더 풍부해짐에 따라 쿠키가 저장할 수 있는 양(도메인당 최대 4k)은 매우 적습니다.
HTML5에서는 localStorage를 사용할 수 있지만 이는 IE8-을 포기합니다. 호환성을 위해 오래 전에 IE에서 개발한 저장 방법을 파헤칠 수 있습니다.
요소에 특수 스타일 URL(#default#userData)을 추가한 다음 setAttribute 및 를 통해 키-값 쌍 형식에 액세스할 수 있습니다. 데이터의 getAttribute.
한 가지 주의할 점은 데이터가 변경된 후에 반드시 저장 방식을 사용해야 하며, 초기 단계에서 데이터를 불러와야 한다는 점입니다.
다음으로 사용방법을 포스팅하겠습니다. HTML5를 지원하는 브라우저의 경우 localStorage를 사용하세요.

코드 복사 코드는 다음과 같습니다.

var localStorage = (function(db) {
if (typeof db.clear == "function") {
return db;
}
var Database = document.createElement("div")
database.id = "database" ;
database.style.behavior = "url(#default#userData)";
document.body.appendChild(database);
database.load("DataStore"); 🎜>setItem: function(key, val) {
database.setAttribute(key, val);
database.save("DataStore")
}
, getItem: function(key) {
return Database.getAttribute(key);
}
, RemoveItem: function(key) {
database.removeAttribute(key)
database.save("DataStore"); >}
};
} (localStorage || {}))


그러나 호환되더라도 여전히 문제가 있습니다. IE는 Chrome을 통해 열 때 획득됩니다.