将输入标记中的数据永久保存在JavaScript数组中

我有一个来自的数字，我想保存在选定位置的数组中。我用splice成功地实现了这一点，但当页面重新加载时，数组中保存的数据会重置。我怎样才能永远保存这些数据

代码如下：

<label for="number">Number to Save</label>
<input type="text" name="number" id="number" value=""/> 

<input type="button" value="click" onclick="myArr.splice(2, 0, number.value);"/>

---

下面是使用localStorage的简单示例

---

你不能永远存储数据。但是你可以把它们储存在饼干里

document.cookie = "username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 UTC";

---

阅读有关JS Cookie的更多信息：-

您需要使用一些类似数据库的存储，或者您可以使用localStorage检查以下内容：重新加载页面时，数组中保存的数据会重置…这是因为网页是无状态的。这些文件仅在加载到浏览器时存在。当您重新加载页面时，您将从一个新的副本开始，就像以前从未存在过的副本一样。如上所述，如果您想在页面重新加载之间保留一些数据，您需要使用一些存储—在浏览器中使用类似于localStorage的存储，或者，如果数据必须在不同的用户/浏览器/设备之间共享，则使用服务器端存储（如数据库）。但是我不能将数据保存在json中，然后将json转换为数组吗？对不起，我的问题很愚蠢，但我不擅长JS

document.cookie = "username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 UTC";