编程 html5在客户端存储数据

2024-11-17 05:02:17 +0800 CST views 3153

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的数据,最后附上一个案例:

phone.png

复制全文 生成海报 java js go

推荐文章

go发送邮件代码
2024-11-18 18:30:31 +0800 CST
markdown语法
2024-11-18 18:38:43 +0800 CST
在 Rust 中使用 OpenCV 进行绘图
2024-11-19 06:58:07 +0800 CST
php指定版本安装php扩展
2024-11-19 04:10:55 +0800 CST
宝塔面板 Nginx 服务管理命令
2024-11-18 17:26:26 +0800 CST
php客服服务管理系统
2024-11-19 06:48:35 +0800 CST
最全面的 `history` 命令指南
2024-11-18 21:32:45 +0800 CST
程序员茄子在线接单