在客戶端儲存資料，html5 提供了兩種在客戶端儲存資料的新方法：
localstorage - 沒有時間限制的資料儲存
sessionstorage - 針對乙個 session 的資料儲存
之前，這些都是由 cookie 完成的。但是 cookie 不適合大量資料的儲存，因為它們由每個對伺服器的請求來傳遞，這使得 cookie 速度很慢而且效率也不高。
在 html5 中，資料不是由每個伺服器請求傳遞的，而是只有在請求時使用資料。它使在不影響**效能的情況下儲存大量資料成為可能。
localstorage的使用遵循同源策略，對於不同的**，資料儲存於不同的區域，並且乙個**只能訪問其自身的資料。
localstorage解決了cookie儲存空間不足的問題(cookie中每條cookie的儲存空間為4k)，localstorage中一般瀏覽器支援的是5m大小，這個在不同的瀏覽器中localstorage會有所不同。
localstorage的優勢
1、localstorage拓展了cookie的4k限制
2、localstorage會可以將第一次請求的資料直接儲存到本地，這個相當於乙個5m大小的針對於前端頁面的資料庫，相比於cookie可以節約頻寬，但是這個卻是只有在高版本的瀏覽器中才支援的
localstorage的侷限
1、瀏覽器的大小不統一，並且在ie8以上的ie版本才支援localstorage這個屬性
2、目前所有的瀏覽器中都會把localstorage的值型別限定為string型別，這個在對我們日常比較常見的json物件型別需要一些轉換
3、localstorage在瀏覽器的隱私模式下面是不可讀取的
4、localstorage本質上是對字串的讀取，如果儲存內容多的話會消耗記憶體空間，會導致頁面變卡
5、localstorage不能被爬蟲抓取到
localstorage與sessionstorage的唯一一點區別就是localstorage屬於永久性儲存，而sessionstorage屬於當會話結束的時候，sessionstorage中的鍵值對會被清空
localstorage使用例項1：
1//localstorage的瀏覽器支援情況：23
//1. 判斷瀏覽器是否支援localstorage這個屬性4if
(！window.localstorage)else
1011
12//
localstorage的寫入、修改、刪除、讀取
1314
if(！window.localstorage)else
34//
儲存json
35//
localstorage只支援string型別的儲存。
36/*
37一般我們會將json存入localstorage中，但是在localstorage會自動將localstorage轉換成為字串形式
38這個時候我們可以使用json.stringify()這個方法，來將json轉換成為json字串
39*/
40var data=;
45var d=json.stringify(data);
46 storage.setitem("data",d);
47console.log(storage.data);
48//
讀取之後使用json.parse()方法將json字串轉換成為json物件，
4950
//將localstorage中的某個鍵值對刪除
51 storage.removeitem("a");
52//
將localstorage的所有內容清除
53storage.clear();
54 }
localstorage使用例項2：
12378963
6465
純文本版**1：
//localstorage的瀏覽器支援情況：
//1. 判斷瀏覽器是否支援localstorage這個屬性
if(！window.localstorage)else
//localstorage的寫入、修改、刪除、讀取
if(！window.localstorage)else{
var storage=window.localstorage;
//寫入或修改a欄位
storage["a"]=1;
//寫入或修改b欄位
storage.b=1;
//寫入或修改c欄位
storage.setitem("c",3);
console.log(typeof storage["a"]); //string
console.log(typeof storage["b"]); //string
console.log(typeof storage["c"]); //string
//localstorage的鍵獲取
for(var i=0;i純文本版**2：
done!
HTML5的本地儲存 LocalStorage
localstorage顧名思義，就是本地儲存的意思，在以前很長一段時間，要想在客戶端存 儲一些配置及登入資訊等資料都只能通過cookie或flash的方式，如今html5來臨，也 帶來了更強大的本地儲存，最多可儲存大小5m的字串，足可以滿足大部分的web應 用，比cookie的4k要大出不少，還有...
Html5本地儲存之Localstorage
在html5中，本地儲存是乙個window的屬性，包括localstorage和sessionstorage，前者是一直存在本地的，後者只是伴隨著session，視窗一旦關閉就沒了。localstorage可以簡單理解為小型資料庫。其大小官方給出的文件是 每個網域名稱5m 其儲存時間是 永久儲存，永...
html5介紹,什麼是html5,html5新特性
html5 將成為 html xhtml 以及 html dom 的新標準。html 的上乙個版本誕生於 1999 年。自從那以後，web 世界已經經歷了巨變。html5 仍處於完善之中。然而，大部分現代瀏覽器已經具備了某些 html5 支援。html5 是 w3c 與 whatwg 合作的結果。編...