本地存储

时间 2019-11-30

标签本地存储繁體版

原文原文链接

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