HTML5 提供了两种在客户端存储数据的新方法：

1 . localStorage - 没有时间限制的数据存储

2 . sessionStorage - 针对一个 session 的数据存储

<script type="text/javascript">
localStorage.name="chenxutan";
document.write(localStorage.name);
</script>

ps：这种方法页面关闭也是有效的

<script type="text/javascript">
sessionStorage.name="chenxutan";
document.write(sessionStorage.name);
</script>

ps：这种方法页面页面关闭后失效了

<script type="text/javascript">
let touser={};
if (localStorage.touser){
   touser=JSON.parse(localStorage.touser);
   touser.mobile && document.write(touser.mobile);
 }
touser={"msg":{"headimg":"http:\/\/thirdwx.qlogo.cn\/mmopen\/ajNVdqHZLLBRx1QLhc2wlbHunibWlMrkcqE4sFChjXiaAlnSwYI8FiaTuzU0v937icKPf3sRMgGGXibYQN8jlUGozKA\/132","realname":null,"nick":"Tomorrow","uid":"2305","mobile":"15980037210"},"status":0};
localStorage.touser=JSON.stringify(touser);
</script>

上面是直接浏览器存储json的数据，最后附上一个案例: