ホームページ >ウェブフロントエンド >jsチュートリアル >Webブラウザベースのローカルストレージ方式 application_javascriptスキル

Webブラウザベースのローカルストレージ方式 application_javascriptスキル

WBOY
WBOYオリジナル
2016-05-16 17:47:531198ブラウズ

クライアントにデータを保存する場合、通常は Cookie (機密性のないデータ) を使用しますが、クライアントがますますリッチになるにつれて、Cookie が保存できる量 (ドメインごとに最大 4K) が非常に少なくなります。
HTML5 では localStorage が利用できますが、これは IE8 を放棄します。互換性を保つために、IE によって昔に開発されたストレージ メソッドを掘り出すことができます。
特別なスタイルの URL (#default#userData) を要素に追加すると、setAttribute と setAttribute を介してキーと値のペアのフォームにアクセスできます。データの属性を取得します。
注意点としては、データ変更後にsaveメソッドを使用する必要があり、初期段階でデータをロードする必要があることです。
次に使用方法を載せておきますが、使用するブラウザがHTML5に対応している場合はlocalStorageを使用します。

コードをコピー コードは次のとおりです。

var localStorage = (function(db) {
if (typeof db.clear == "関数") {
return db;
}
var データベース = document.createElement("div")
database.id = "データベース" ;
database.style.behavior = "url(#default#userData)";
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("DataStore"); >}
};
} (localStorage || {}));


ただし、互換性がある場合でも、次のような問題が発生します。 Chrome 経由で開くと IE が取得されます。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。