>웹 프론트엔드 >JS 튜토리얼 >웹 브라우저 기반 로컬 저장 방식 application_javascript 기술

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

WBOY
WBOY원래의
2016-05-16 17:47:531198검색

클라이언트에 데이터를 저장할 때 일반적으로 쿠키(민감하지 않은 데이터)를 사용합니다. 그러나 클라이언트가 점점 더 풍부해짐에 따라 쿠키가 저장할 수 있는 양(도메인당 최대 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을 통해 열 때 획득됩니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.