记录：localStorange的用法

最新推荐文章于 2022-10-30 23:59:56 发布
最新推荐文章于 2022-10-30 23:59:56 发布
阅读量987 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Mantra86/article/details/81125818
版权

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        
    </head>
    <body>
        <table border="1px solid black" cellspacing="0px" align="center">
            <thead>
                <tr >
                    <td>姓名</td>
                    <td>年龄</td>
                    <td>性别</td>
                </tr>
            </thead>
            <tbody id="tbody"></tbody>
        </table>
        <script>
            var data=[
                    {"name":"张三","age":23,"sex":"男"},
                    {"name":"李四","age":23,"sex":"男"},
                    {"name":"王二","age":23,"sex":"男"}
            ]
            var tbody = document.getElementById("tbody")
            if (localStorage.getItem("初始人员数据")==null) {
                localStorage.setItem("初始人员数据",JSON.stringify(data))
            }else{
                JSON.parse(localStorage.getItem(data))
                for(var i=0;i<data.length;i++){
                    var tr=document.createElement("tr")
                    for(var key in data[i]){
                        var td=document.createElement("td")
                        td.innerHTML=data[i][key]
                        tr.appendChild(td)
                    }
                    tbody.appendChild(tr)
                }
            }
        

Mantra86
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
localStorage使用总结
weixin_33675507的博客
06-26 4913
一、什么是localStorage、sessionStorage 在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。   二、localStorag...
Ubuntu橙色选择颜色「Ubuntu Orange Selection Color」-crx插件
03-15
将氛围主题中的文本选择颜色更改为橙​​色。 更改日志： 版本：2.0 2013年6月15日：更新了Manifest，新图片 版本：1.1 2011年9月17日：错误修正 支持语言:English (United States)
localStorange在vue中的应用
hmonkey915的专栏
01-02 2144
一、localStorage普通应用 1、先存在localStorage里面 localStorage.setItem('indexUrl','#/IndexA') 2、在用到的时候，获取数据 this.indexUrl = localStorage.getItem('indexUrl')   //获取本地   二、localStorage的存储数组对象的方式 localStorag...
详解localStorage和sessionStorage
impact_factor的博客
09-11 6384
localStorage和sessionStorage一、什么是 localStorage、sessionStorage二、使用方法三、localStorage 的优势与局限 一、什么是 localStorage、sessionStorage 在 HTML5 中，新加入了一个 localStorage 特性，这个特性主要是用来作为本地存储来使用的，解决了 cookie 存储空间不足的问题(cookie 中每条 cookie 的存储空间为 4k)， localStorage 中一般浏览器支持的是 5M 大小，
JS本地存储(localStorage)
珎珎啊
10-22 3706
一. 简介 localStorage会可以将第一次请求的数据直接存储到本地，这个相当于一个5M大小的针对于前端页面的数据库 　 ——注意：在IE8以上的IE版本才支持localStorage这个属性。localStorage属于永久性存储，如果存储内容多的话会消耗内存空间，会导致页面变卡。 二.具体使用方式如下： 1.localStorage - 没有时间限制的数据存储 　　 var arr=[1,2,3]; 　　 localStorage.setItem(“temp”,arr); //存入 参数： 1.调
localStorage用法小总结
越努力，越幸运！
12-18 1万+
一、什么是localStorage 在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k) 二、localStorage的优势和局限 【1】优势 localStorage拓展了cookie的4K限制 localStorage会可以...
本地存储和离线缓存
qq_34758991的博客
04-01 2570
本地存储和离线缓存前端的存储方式有：localStorage、sessionStorage、cookie、UserData、webSQL、indexeddb、HTML5离线存储等1、本地存储1.cookie在h5之前，存储主要用的是cookie。cookie会随着每次http请求头信息一起发送，无形中增加了网络流量，另外，cookie能存储的数据容量有限，根据浏览器类型不同而不同，IE6大约只能存储
localStorage和sessionStorage区别
Wanf
03-01 7万+
localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。 他们均只能存储字符串类型的对象（虽然规范中可以存储其他原生类型的对象，但是目前为止没有浏览器对其进行实现）。 localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。 sessionStorage生命周期为当前窗口或标...
localStorage的使用总结及简单案例
anqieranqier的博客
08-02 1577
作用localStorage本地存储，localStorage的优势与局限localStorage的优势1、localStorage拓展了cookie的4K限制2、localStorage会可以将第一次请求的数据直接存储到本地，这个相当于一个5M大小
window.localStorage的用法
博客
01-26 3万+
一、什么是localStorage、sessionStorage 在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。 在HTML5中，本地存储是一个w
h5新增加的存储方法
jennyya的博客
11-03 1584
h4中使用的cookie把用户信息保存在客户端浏览器，但是它受到很多限制。 大小：最多能存储4k 带宽：它是随着http请求一起发送到服务器的，因此浪费一部分的带宽。 复杂度：操作复杂。 h5新增加了一种在客户端本地存储数据的方法 webstorange,分两种形式sessionStorage和localStorage sessionStorage：将数据保存在session对象中...
cookie、sessionStorage和localStorage的区别
浮生离梦的博客
05-30 8万+
一、 概念的理解 webstorage本地存储 1）webstorage是本地存储，存储在客户端，包括localStorage和sessionStorage 2）localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信 3）ses...
localStorage使用时的注意点
sjw1039115768的博客
06-17 7970
一、localStorage，sessionStorage，cookie的简单介绍localStorage:仅在客户端存储不参与服务器通信，存储大小一般为5M，如果不是人为清除，那么即使是关闭浏览器也会一直存在。sessionStorage:仅在客户端存储不参与服务器通信，存储大小一般为5M，会话级存储，也就是说如果关闭当前页面或者浏览器那么就会清除cookie:客户端存储，参与服务器通信，存储大...
localStorage设置过期时间
热门推荐
三哥玩前端
01-30 9万+
众所周知，前端三大缓存，cookie，sessionStorage，localStorage，cookie空间太小，一旦大了，会消耗流量，知识和存一些登录会话信息，而sessionStorage的过期时间就是关闭浏览器，是个临时会话窗口，但是，最近这个差点把我坑了，就是sessionStorage只能在同一标签下共享，加入你把网址复制粘贴到新打开的标签页里面，你会惊喜的发现，what？居然不共享，...
本地存储localStorage的用法总结
LLDD2014425程序猿
07-31 4185
一、什么是localStorage？ 在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。 二、localStorage的优势与局限 localSto
web本地存储（localStorage、sessionStorage）
mjzhang1993的博客
04-26 7万+
web 本地存储 （localStorage、sessionStorage）说明 对浏览器来说，使用 Web Storage 存储键值对比存储 Cookie 方式更直观，而且容量更大，它包含两种：localStorage 和 sessionStorage sessionStorage（临时存储） ：为每一个数据源维持一个存储区域，在浏览器打开期间存在，包括页面重新加载 loc
LocalStorage和sessionStorage之间的区别
fcdd123的专栏
02-21 3万+
在HTML 5 最开始时，本地存储有两种方式：一种是web Storage，另一种是web SQL。由于web SQL的实现是基于SQLite，它更倾向于DataBase方向，且W3C官方在2011年11月宣布不在维护web SQL规范，故其API接口目前已经不属于HTML 5的范畴。因此，目前我们常讲的HTML 5本地存储，多指的是web Storage。
js localStorage
树上骑个猴的博客
12-18 1814
localStorage是H5提供的永久存储空间，一般最大可存储5M数据，并且支持跨域隔离，他的出现极大提高了前端开发的可能性。localStorage的使用很多人都知道setItem，getItem,removeItem, 但他也可以直接以成员的方式操作。 localStorage.name = 'yd'; // 获取 localStorage.name; // yd // 删除 delete localStorage.name; // 清除全部 localStorage.clear(); // 遍历
JS中localStorage的使用
最新发布
Demolist的博客
10-30 2842
理论上来说是永久有效的，即不主动清空的话就不会消失，即使保存的数据超出了浏览器所规定的大小，也不会把旧数据清空而只会报错localstorage为标准的键值对（Key-Value）的数据类型，简单但也易扩展，只要以某种编码方式把想要存储进localstorage的对象给转化成字符串，就能轻松支持。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值