1.使用sessionStorage、localStorage儲存陣列與物件
localStorage物件是HTML5的客戶端儲存持久化資料的方案。為了能訪問到同一個localStorage物件,頁面必須來自同一個域名(子域名無效),使用同一種協議,在同一個埠上。
localStorage是Storage型別的例項。有以下的幾種方法:
②getItem(name):根據指定的名字name獲取對應的值
⑤setItem(name,value):為指定名字設定一個對應的值
localStorage物件可以透過點號呼叫這些方法。
例:使用方法來儲存資料
localStorage.setItem(“name”,“songyuhua”);//這樣就用localStorage儲存了一個名字為name的資料,資料的內容為 “songyuhua"
使用方法來讀取資料
localStorage.getItem(“name”);//這樣就讀取了名字為“name”的資料的值。
有時候,我們需要將資料儲存到sessionStorage和localStorage中,這樣做的好處有:
1 快取資料
2 減少對記憶體的佔用
但是,storage只能儲存字串的資料,對於JS中常用的陣列或物件卻不能直接儲存。
它能儲存更大的資料(IE8上是10MB,Chrome是5MB),同時儲存的資料不會再發送給伺服器,避免頻寬浪費。
1.使用sessionStorage、localStorage儲存陣列與物件
localStorage物件是HTML5的客戶端儲存持久化資料的方案。為了能訪問到同一個localStorage物件,頁面必須來自同一個域名(子域名無效),使用同一種協議,在同一個埠上。
localStorage是Storage型別的例項。有以下的幾種方法:
②getItem(name):根據指定的名字name獲取對應的值
⑤setItem(name,value):為指定名字設定一個對應的值
localStorage物件可以透過點號呼叫這些方法。
例:使用方法來儲存資料
localStorage.setItem(“name”,“songyuhua”);//這樣就用localStorage儲存了一個名字為name的資料,資料的內容為 “songyuhua"
使用方法來讀取資料
localStorage.getItem(“name”);//這樣就讀取了名字為“name”的資料的值。
有時候,我們需要將資料儲存到sessionStorage和localStorage中,這樣做的好處有:
1 快取資料
2 減少對記憶體的佔用
但是,storage只能儲存字串的資料,對於JS中常用的陣列或物件卻不能直接儲存。
它能儲存更大的資料(IE8上是10MB,Chrome是5MB),同時儲存的資料不會再發送給伺服器,避免頻寬浪費。