HTML5では、新しいLocalStorage機能が追加されています。 5mサイズ。これは、ブラウザごとに異なります。
第二に、LocalStorageの利点と制限LocalStorageの利点1. LocalStorageは、Cookieの4K制限を拡張します
2。LocalStorageは、最初の要求データをローカルエリアに直接保存できます。 。 サポート
LocalStorageの制限1.ブラウザのサイズは均一ではなく、IEバージョン上のIE8はLocalStorageの属性のみをサポートしています
2。現在、すべてのブラウザは、私たちの日常生活で一般的なこのJSONオブジェクトタイプとしてのLocalStorageの値タイプを制限します。
3。LocalStorageは、ブラウザのプライバシーモードで読むことができません
4。LocalStorageは本質的に文字列で読み取られます。保存されたコンテンツが保存されます。
5。localStorageをクローラーに捕まえることはできません
LocalStorageとSessionStorageの唯一の違いは、LocalStorageが永続的なストレージに属し、SessionStorageがセッションの終わりに属していることです。
ここでは、LocalStorageを使用して分析します
第三に、LocalStorageの使用LocalStorageのブラウザサポート:これは、IEブラウザを使用する場合、ここでのメインの説明をローカルストレージのコンテンツにします。ブロガーに関する意見は、現在のIE6/IE7が除去の位置に属しているため、UserDataの使用を学ぶ必要があります
まず、LocalStorageを使用する場合、ブラウザがLocalStorageの属性をサポートするかどうかを判断する必要があります
if(!window.localStorage){alert(browser supports localstorage);
LocalStorageの執筆、ここでは1つずつ紹介する3つの方法があります
(!windoce.localStorage){localStorageをサポートします;} torage a = 1 [c]);}
ランタイム後の結果は次のとおりです。
ここでは、LocalStorageの使用も同じ-Origin戦略に従っているため、異なるWebサイトが同じLocalStorageを共有できないことを具体的に説明する必要があります。
最後に、コンソールに印刷された結果は次のとおりです。
読者は、INTタイプが保存されていることに気付いていますが、これはLocalStorage自体のみをサポートしています。
LocalStorage Readif(!window.localstorage){alert(browsers supports localstorage);} // c、console.log(c、console.log)に書き込みます。 /最初のメソッドvar a = console.log(a); .getitem(c);
これは、localStorageを読む3つの方法です
私は、LocalStorageがフロントエンドデータベースに相当すると言いました
LocalStorageの削除と変更の2つのステップについて話しましょう。
このステップは、グローバル変数を再び変更することの価値と同じです。
if(!window.localstorage){alert(browsers supports localstorage);} // c field Storage.setItem(c、3); ; // console.log(c]);
このコンソールでは、Aキーが4に変更されたことがわかります
LocalStorageの削除1. LocalStorageのすべての内容をクリアします
var Storage.localStorage.a = 1
2。LocalStorageのキー値を削除します
var Storage.localStorage.A = 1;
コンソールビューの結果
LocalStorageキーの買収var Storage = localStorage.a = 1;次に、ログ(key);}
key()メソッドを使用して、in -and -outインデックスのインデックスから対応するキーを取得します
第四に、その他の注意事項一般に、JSONをLocalStorageに保存しますが、LocalStorageはLocalStorageを自動的に文字列形式に変換します。
この時点で、json.stringify()を使用してjsonをjson文字列に変換できます
例:
(!window.localstorage){alert(browser supports localstorage);} d = json.stringify(data);
読み取り後、JSON文字列はjsonオブジェクトに変換する必要があり、json.parse()メソッドはjson.parse()メソッドを使用するために使用する必要があります。
var Storage.localStorage; JSONオブジェクト出力var json.getItem(data)= json.parse(json);
プリントオブジェクトオブジェクトです
もう1つ注意すべきことは、他のタイプを読み取る必要があることです。
上記は、編集者のhtml5の概要です。 VEVBウーリンのウェブサイトへのご支援ありがとうございます!