在html4的時代在 瀏覽器端儲存點**個性化的資料，尤其是使用者瀏覽器的痕跡，使用者的相關資料等一般只能儲存在cookie中，但是大多數是瀏覽器對於cookie的限制也就是逼迫**儲存資料盡量精簡，想儲存複雜的、關係型的使用者資料就不可能了。但是進入html5時代，這些就變得不再是問題。。。
下面是cookie的限制：
1.大多數瀏覽器支援最大為4096位元組的cookie.
2.瀏覽器還限制站點可以在使用者計算機上儲存的cookie的數量。大多數瀏覽器只允許每個站點儲存20個cookie;如果試圖儲存更多cookie,則最舊的cookie便會被丟棄。
3.有些瀏覽器還會對它們將接受的來自所有站點的cookie總數做出絕對限制，通常為300個。
html5支援兩種的webstorage,一種是永久性的本地儲存（localstorage）,另一種是會話級別的本地儲存（sessionstorage）。
二、會話級別的本地儲存：sessionstorage
在html5中增加了乙個js物件：sessionstorage；通過此物件可以直接操作儲存在瀏覽器中的會話級別的webstorage.儲存在sessionstorage中的資料首先是key-value形式的，另外就是它跟瀏覽器當前會話相關，當會話結束後，資料會自動清除，跟未設定過期的cookie類似。
sessionstorage提供了四個方法來輔助我們進行對本地儲存做相關操作。
（1）setitem(key,value):新增本地儲存資料。
（2）getitem(key):通過key獲取相應的value.
（3）removeitem(key):通過key刪除本地資料。
（4）clear():清空資料。
三、永久本地儲存：localstorage
在最新的js的api中增加了localstorage物件，以便於使用者儲存 永久儲存的web端的資料。而且資料不會隨著http請求傳送到後台伺服器，而且儲存資料的大小幾乎不用考慮，因為在html5的標準中要求瀏覽器至少要支援到4mb.所以，這完全是顛覆了cookie的限制，為web應用在本地儲存複雜的使用者痕跡資料提供了非常方便的技術支援。localstorage的常用方法基本上跟sessionstorage是一致的。
localstorage提供了四個方法來輔助我們進行對本地儲存做相關操作。
（1）setitem(key,value):新增本地儲存資料。
（2）getitem(key):通過key獲取相應的value.
（3）removeitem(key):通過key刪除本地資料。
（4）clear():清空資料。
四、本地資料庫
操作本地資料庫的最基本步驟是：
第一步：opendatabase方法：建立乙個訪問資料庫的物件。
第二步：使用第一步建立的資料庫訪問物件來執行transaction方法，通過此方法可以設定乙個開啟事務成功的事件響應方法，在事件響應方法中可以執行sql。
第三步：通過executesql方法執行查詢，當然查詢可以是：crud。
具體詳解參考：
Html5本地儲存和本地資料庫
在html4的時代在瀏覽器端儲存點 個性化的資料，尤其是使用者瀏覽器的痕跡，使用者的相關資料等一般只能儲存在cookie中，但是大多是瀏覽器對於cookie的限制也就逼迫 儲存資料盡量精簡，想儲存複雜的 關係型的使用者資料就根本不可能了。但是進入html5時代，這一切都不叫事.眾所周知html4時代...
HTML5本地儲存
align center html5本地儲存 align b 1.1概述 b html5 儲存是基於鍵值對的。資料儲存在乙個鍵裡，訪問資料時可以根據同樣的鍵獲得上次儲存的資料。鍵是乙個字串。而資料則可以是任何型別的js基本資料型別，包括字串，boolean，整數，和浮點數。需要注意的是，這些資料在儲...
html5 本地儲存
前言 最近在做專案時遇到了需要將資料儲存在使用者瀏覽器本地的需求，經過查詢了解到了web storage，通過學習初步掌握了web storage，以下是一些關於web storage的知識和用法，記憶力較差發布在csdn備忘。1 什麼是html5本地儲存？通過web storage web應用程式...