本地存儲

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

相關文章
相關標籤/搜索