js中通过语句往数组中添加数据，怎么才能在下次打开时不被刷新掉

我写了一个页面，可以向数组中添加数据，添加数据后，刷新后刚刚添加的数据就没了。我的问题是: 怎样才能在数组中添加数据后，下次打开时不被刷新掉。

写回答
好问题 0 提建议
关注问题
分享
邀请回答
编辑收藏删除
收藏举报

3条回答默认最新

CSDN专家-天际的海浪 2022-04-04 16:35

关注

前端html页面可以把数据保存在localStorage对象中（localStorage对象中的数据在关闭网页后不会消失）。
重新打开页面后再从localStorage对象中取得数据
你题目的解答代码如下：

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title> 页面名称 </title>
</head>
<body>

<input type="text" id="text" value="xx" />
<input type="button" value="添加到数组" onclick="add();" />
<div id="info"></div>
<script type="text/javascript">
var arr = [];
if (localStorage.myArray) {
    arr = JSON.parse(localStorage.myArray);
}
document.getElementById("info").innerText = JSON.stringify(arr);
function add() {
    arr.push(document.getElementById("text").value);
    document.getElementById("info").innerText = JSON.stringify(arr);
}

window.onbeforeunload = function () {
    localStorage.myArray = JSON.stringify(arr);
}
</script>

</body>
</html>

如有帮助，请点击我的回答下方的【采纳该答案】按钮帮忙采纳下，谢谢!

展开全部

本回答被题主选为最佳回答 , 对您是否有帮助呢?

编辑记录

查看更多回答(2条)

编辑

预览

报告相同问题？

关注问题

为什么不可以在赋值语句中通过赋值运算符“＝”对字符数组整体赋值 c语言
2021-01-01 09:04

回答 3 已采纳初始化可以像你这样，但是除了初始化之外，后面数组名是一个常量，不能赋值
如何在前端html5中使用insert语句添加数据到数据库 html5 前端数据库
2021-12-09 14:01

回答 1 已采纳是的，静态页面完不成的，你得从页面上获取到各个输入框的值，然后请求接口把数据发送给后端。后端写好接口，连接数据库，用你传过来的数据执行sql语句进行数据库的增强改查如有帮助，望采纳^O^有问题可以
django后端的数组数据，如何在前端通过echarts作图 django echarts javascript
2023-03-13 03:12

回答 2 已采纳从代码中可以看出，您已经通过Django的模板语言将数据传递到了前端JS代码中。您的问题在于如何将数组数据赋值给ECharts图表中的series_data。根据您提供的代码，我发现您已经正确地将数据
JavaScript_《Web Dev v3的完全入门》，在《前端大师》中讲授.zip
2024-05-20 11:22

在《Web Dev v3的完全入门》这门课程中，你将深入学习到JavaScript的方方面面，这是一份全面的前端开发教程，由知名在线教育平台“前端大师”提供。通过这个压缩包，你将获得一系列的学习资源，包括讲解文本和可能的...
C# 对象格式的json字符串数据添加到一个数组里面 c# json 后端
2022-12-22 02:11

回答 2 已采纳没看懂你这同样的数据搞两遍是想干什么，dataSourceList.Add(json);dataSourceList.Add(json);执行两遍不就行了吗或者你直接字符串拼接都行 json=str
数据结构中通过malloc函数创建动态数组失败 c语言数据结构链表
2023-02-09 09:50

回答 3 已采纳改动处见注释，供参考： #include <stdio.h> #include <stdlib.h> #define MAXSIZE 50 //修改 #define O
数组在if语句中为什么会报错 c# c++ c语言有问必答
2021-12-02 05:35

回答 2 已采纳你得用strcpy进行字符串复制 #include <stdio.h> #include <string.h> int main(){ int c=3,d=1; char f[
js修改html内容后不显示,在Myeclipse中修改了HTML、CSS或JavaScript语句，但是浏览器刷新并清空缓存后依然不显示新内容...
2021-06-11 03:29

小欣意小欣意的博客在理论上仅修改前端语句的情况下是不需要重新部署项目，只需要刷新页面就能得到新内容的。但是我用各种浏览器刷新都不行，依然显示原来的页面内容，清空每一个浏览器的缓存甚至包括Internet选项以及tomcat的temp的...
向数组中插入一个元素并输出，得不出结果，在主函数中加一条输出语句就能得出正确结果 c语言
2021-11-01 10:53

回答 1 已采纳这是用DEVC++做的结果，我把没有结果的代码复制到pellesc上就得出正确结果了
如何在数组中添加条件 php
2019-05-21 02:17

回答 1 已采纳 You should change your condition to value instead of complete index. <?php echo $this->Fo
django 从页面往数据库中添加数据失败 django html python 有问必答
2022-02-18 03:21

回答 4 已采纳公用一个页面要判断是否是post提交或者判断有数据再入库，代码改成下这样 #添加学生 def stuadd(request): data=[] if request.method =
随机取数组中的某几项数据
2022-05-06 09:38

fairy啊的博客常用于刷新页面时，banner图随机展示的这种需求其中：math.floor(x)返回小于参数x的最大整数,即对浮点数向下取整其中：Math．random()语句是一个随机函数。利用该函数可以取得0到1之间的随机小数，如果想得到...
【JavaScript】04-运算符 + 语句 + 数组
2025-02-20 16:14

beibeibeiooo的博客本文主要介绍JS中的运算符、语句、数组知识点。
php+jQuery ajax实现的实时刷新显示数据功能示例
2020-10-16 01:50

具体来说，就是通过JavaScript的定时器，每隔一定时间就向服务器发送请求，获取最新的数据，然后在前端页面上实时更新这些数据，以实现数据的实时动态显示。一、php基础 php是一种广泛使用的开源服务器端脚本语言...
vue el-table 数据为二维数组或多维数组时数据不同步更新问题解决办法
2024-03-21 01:37

wondergx的博客当时开发时没多想，直接用el-table，动态表头和动态第一列不难实现，其他列内容直接建了一个dataList[x][y]来保存，因为只需要注意是否被选中，直接用0和1即可。但是debug时发现点击事件虽然成功改变了dataList的值...
没有解决我的问题, 去提问

问题事件

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
系统已结题 4月13日
关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
已采纳回答 4月5日
关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
创建了问题 4月4日

js中通过语句往数组中添加数据，怎么才能在下次打开时不被刷新掉

3条回答 默认 最新

问题事件

3条回答默认最新