我們如何找到的localStorage的各種屬性在HTML5

Question

計數在Java腳本我看到使用 localStorage.clickcount一些示例代碼，點擊次數，此代碼的工作非常好，但我們怎樣才能瞭解什麼是所有的localStorage中存在的屬性，以便開發人員可以使用相同的屬性。我們怎麼會知道什麼是所有的屬性，並在JS的localStorage類的方法。

Answer 1

的localStorage變量，你可以存儲在瀏覽器關閉甚至沒有過期的信息。你會知道什麼屬性和方法，因爲你把它們放在那裏。

如果要確定什麼是它的內部，你應該能夠使用該解決方案在這裏：Is there an equivalent for var_dump (PHP) in Javascript?

Answer 2

在你提到

localStorage.clickCount 

clickCount代碼是用戶defiened特性，它是用於存儲點擊次數。 您可以添加和刪除你的屬性。

設置屬性

localStorage.myProperty = "Hello World"; 

獲取屬性 你可以從sessionStorage的和localStorage的對象的屬性是這樣的：

var myProp = localStorage.myProperty; 

如果屬性名稱不是一個有效的JavaScript變量名字，你將需要使用方括號訪問方法，就像這樣：

var myProp = localStorage["myProperty"]; 

或者你可以使用的getItem（）函數，就像這樣： VAR myProp = localStorage.getItem（ 「myProperty的」）;

刪除屬性 您刪除會話或本地存儲性能是這樣的：

delete localStorage.myProperty; 

或者你可以使用的removeItem（）函數，就像這樣：

清除本地存儲 如果你想刪除存儲在sessionStorage的或localStorage的對象的所有屬性，可以使用clear（）函數。這是一個明確的（）函數調用示例：

：

localStorage.clear(); 

讀取存儲屬性 您可以閱讀使用length屬性存儲在的sessionStorage或localStorage的對象屬性的數目，這樣的數目

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來說，這意味着事件只在彈出窗口和iframe中可見，因爲每個瀏覽器窗口都有自己的sessionStorage對象。

對於跨瀏覽器窗口共享的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. 
} 

您可以從事件處理函數內部訪問該存儲事件對象。