localStorageローカルストレージ技術
ローカルストレージ技術は、「恒久的な恒久的なストレージではありません。」
特長:
これはブラウザに保存されたデータ
格納されたデータは、文字列の形式で格納されています
そして、従来のデータベースと比較します:
利点:
シンプルで、簡単に学ぶこと
データの可視化は、最も一般的なキー:値はの形式で保存されています
デフォルトのデータは、相同な状態とストレージで表示することができます
ストレージ技術は、ブラウザに依存していることをwindow.localStorage手段。
ローカルストレージ技術は、ウィンドウオブジェクトに属しているトップレベルのオブジェクトを省略することが可能です
ローカルストレージとクッキーの違い:
これは、状態クッキーの拡張バージョン、複数のセキュリティ、データストレージを表示する相同、アクセスファイルより安全です
APIベースのローカルストレージ:
SetItem関数( 'キー'、 '値')
getItem( 'キー'、 '値')
removeItem( 'キー')
クリア()
長さの値を取得します.LENGTH
1 // 店舗 2 localStorage.setItem( '名前'、 'ADMIN' ); 3 localStorage.setItem( 'テスト'、trueに) 。4 。5 // 取得 。6 LET情報= localStorage.getItem( 'テスト' ); 7 コンソール.logの(情報) 。8 。9 LET情報= localStorage.removeItem( 'テスト' ) 10 にconsole.log(情報); 11 12である にconsole.log(localStorage.getItem( '名前')); // コンテンツを見つけた場合、リターンヌル。存在する場合、対応するキーの値を返し 13が 14 // 長得る 15 console.log(localStorage.length) 16 // 清空 17 LET情報= localStorage.clear(); 18 にconsole.log(情報) 19
ローカルストレージAPI
ローカルに保存1.データ
constの情報= { 名: 'トンドン' 、 年齢: "23" 、 ID: "007" }; localStorage.setItem( 'キー'、JSON.stringify(情報));
ローカルストレージからデータを取得2
VaRのデータ= JSON.parse(localStorage.getItem( 'キー' )) はconsole.log(データ)。
3.ローカルストアにデータを保存削除するには
localStorage.removeItem(「キー」); //は、キー値のキーデータの一部を削除
4. [削除]保存されているすべてのデータ
localStorage.clear()// 保存されているすべてのデータを削除
ローカルに保存されているモニターの変更
蓄積時間の変更(追加、更新、削除)、トリガー、同じページを変更するには、トリガが発生しません、それは次のように変更して他のページのドメイン名の保管に耳を傾けます
window.addEventListener( 'ストレージ'、関数(E){ にconsole.log( "キー" 、e.key) はconsole.log( "OldValueプロパティ" 、e.oldValue) はconsole.log( "newValueに" 、e.newValue ); はconsole.log( "URL" 、e.url); })