jquery 本地存储 localStorage
jquery 本地存储 localStorage
Devops海洋的渔夫
发布于 2019-05-30 21:53:08
发布于 2019-05-30 21:53:08
localStorage
2、localStorage 存储在本地，容量为5M或者更大，不会在请求时候携带传递，在所有同源窗口中共享，数据一直有效，除非人为删除，可作为长期数据。
//设置：
localStorage.setItem("dat", "456");
localStorage.dat = '456';
//获取：
localStorage.getItem("dat");
localStorage.dat
//删除
localStorage.removeItem("dat");这种存储方式已经作为较大本地缓存使用来使用。下面来写一下示例，如下：
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<script type="text/javascript" src="jquery/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
$(function(){
//设置：
localStorage.setItem("dat", "456");
localStorage.dat = '456';
//获取：
localStorage.getItem("dat");
localStorage.dat
})
</script>
</head>
<body>
<h1>测试页面</h1>
</body>
</html> 浏览器访问如下：
可以看到，已经有存储的数据了，那么下面来看看删除。
访问浏览器如下：
可以看到已经删除了。
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2019.05.11 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
相关产品与服务
对象存储
对象存储（Cloud Object Storage，COS）是由腾讯云推出的无目录层次结构、无数据格式限制，可容纳海量数据且支持 HTTP/HTTPS 协议访问的分布式存储服务。腾讯云 COS 的存储桶空间无容量上限，无需分区管理，适用于 CDN 数据分发、数据万象处理或大数据计算与分析的数据湖等多种场景。