HTML5でLocalStorageのさまざまなプロパティを見つけるには

Question

Javaスクリプトのクリック数をカウントするには、 localStorage.clickcountを使用したサンプルコードを参照してください。このコードは非常にうまく機能しますが、開発者が同じものを使用できるように、localStorageに存在するプロパティ。 JS内のlocalstorageクラスのすべての属性とメソッドは、どのようになっているのでしょうか。あなたは、ブラウザを閉じるときにも有効期限が切れていない情報を格納することができます

Answer 1

localStorage変数。あなたがそこに置くので、そこにある属性やメソッドが分かります。

あなたはそれの内側にあるかを判断したい場合は、ここでは、このソリューションを使用することができるはずです：あなたは

localStorage.clickCount 

clickCountを述べたコードでIs there an equivalent for var_dump (PHP) in Javascript?

Answer 2

は、ユーザーdefienedプロパティであり、それがありますクリック数を格納するために使用されます。 プロパティを追加および削除できます。プロパティ名は、有効なJavaScript変数ではない場合

var myProp = localStorage.myProperty; 

：あなたはこのようなのsessionStorageとのlocalStorageオブジェクトからプロパティを取得することができますプロパティ を取得するプロパティ

localStorage.myProperty = "Hello World"; 

を設定

名前の場合は、次のように角かっこのアクセス方法を使用する必要があります。

var myProp = localStorage["myProperty"]; 

それとも、このように、のgetItem（）関数を使用することができます。 VAR MyPropで= localStorage.getItem（ "myPropertyに"）;

delete localStorage.myProperty; 

それとも、このように、removeItem（）関数を使用することができます：クリア

あなたはこのようなセッションまたはローカルストレージプロパティを削除するプロパティ を削除

ローカルストレージ sessionStorageオブジェクトまたはlocalStorageオブジェクトに格納されているすべてのプロパティを削除する場合は、 clear（）関数。

を：あなたはこのように、lengthプロパティを使用してのsessionStorageかのlocalStorageオブジェクトに格納されたプロパティの数を読み取ることができ 格納されたプロパティの

localStorage.clear(); 

レディングナンバー：ここでクリア（）関数呼び出しの例です。

var length = sessionStorage.length; var length = localStorage.length; 

反復処理キーは、キーのキー（プロパティ名）繰り返すことができ ローカルストレージに - このようなのsessionStorageかのlocalStorageに保存されている値のペアを、：

for(var i=0; i < sessionStorage.length; i++){ 

    var propertyName = sessionStorage.key(i); 

    console.log( i + " : " + propertyName + " = " + 
      sessionStorage.getItem(propertyName)); 
} 

sessionStorage.lengthプロパティは、sessionStorageオブジェクトに格納されているプロパティの数を返します。

ファンクションkey（）は、ファンクションにパラメータとして渡されたインデックスを持つプロパティのプロパティ名（またはキー名）を返します。

同様に、localStorageのキーを反復することができます。上記の例では、sessionStorageオブジェクトをlocalStorageオブジェクトと交換するだけです。

ローカルストレージのイベント あなたがのsessionStorageかのlocalStorageを変更すると、ブラウザは、ストレージ・イベントを発生させます。 sessionStorageプロパティまたはlocalStorageプロパティを挿入、更新、または削除すると、ストレージイベントが発生します。

ストレージイベントは、変更を行ったウィンドウ以外のブラウザウィンドウでのみ発生します。 sessionStorageでは、各ブラウザウィンドウには独自のsessionStorageオブジェクトがあるため、イベントはポップアップウィンドウとiframeでのみ表示されます。

ブラウザウィンドウ間で共有されるlocalStorageオブジェクトの場合、イベントは、ポップアップウィンドウやiframeなど、同じ起点（プロトコル+ドメイン名）で開いている他のすべてのウィンドウで表示されます。 （）

function onStorageEvent(storageEvent){ 

    alert("storage event"); 
} 

window.addEventListener('storage', onStorageEvent, false); 

機能onStorageEventをイベントハンドラ関数です：ローカル・ストレージ・オブジェクトにイベントリスナーをアタッチストレージイベントリスナ

を取り付け

は次のように行われます。

addEventListener（）関数呼び出しは、イベントハンドラ関数をストレージイベントに関連付けます。

イベントハンドラ関数に渡されたstorageEventイベントオブジェクトは、次のようになります。

StorageEvent { 
    key;   // name of the property set, changed etc. 
    oldValue;  // old value of property before change 
    newValue;  // new value of property after change 
    url;   // url of page that made the change 
    storageArea; // localStorage or sessionStorage, 
        // depending on where the change happened. 
} 

あなたは、イベントハンドラ関数内からこのストレージ・イベントオブジェクトにアクセスすることができます。