HTML5的web storage技術有兩個一個是sessionstorage和localstorage,sessionstorage顧名思義就是隻在會話有效,localstorage則是長時間有效,我在項目裏作demo程序時候,就使用localstorage作本地存儲,至關於一個小型數據庫,web storage技術很簡單,我就給一個簡單例子,代碼以下:javascript
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>本地存儲-存儲數據</title> </head> <body> <h1>本地存儲-存儲數據</h1> </body> </html> <script type="text/javascript"> localStorage.setItem("mess","Hello Message!"); localStorage.setItem("obj",{id:"111",name:"xtq"}); </script>
在chrome瀏覽器裏咱們能夠在控制檯裏Resource的local Storage找到存儲的數據,咱們能夠發現obj最終存儲的是[object,object],這就說明web storage只能存儲字符串,若是咱們想存儲javascript對象就的將其序列化變成字符串進行存儲。html