将更改保存在javascript文件中

Question

我有一个html代码，在浏览器上创建一个输入表单和一个javascript文件，创建一个数组。javascript程序接受输入值并将其添加到数组中，然后在浏览器上显示。

window.alert("Add some text")
var x;
var arr=["text1","text2"]
function myFunction() {
    x=document.getElementById('input').value;
    x=x.toLowerCase();
    var y=arr.indexOf(x);
    if (y!=-1) {
        window.alert("You have added this text before");
    } else {
        arr.push(x);
        document.getElementById('demo').innerHTML=arr ;
    }
}

问题是，当我退出文件(浏览器上显示的网页)时，我失去了输入。假设我添加了"text3"，程序显示了text3，当我退出浏览器时，我丢失了输入的"text3"。如何保存输入并显示它们，即使我退出程序并再次输入?我可以做两个javascript文件一个与数组(如数据库)和一个接受输入并将其保存在另一个javascript文件，如果是这样，我怎么做?

Answer 1

由于javascript是客户端，您将永远无法存储永久数据，因为脚本将在任何刷新后加载(重置)。你知道html5本地存储的概念吗?将js中的数据保存到浏览器的存储空间中。

编辑:

本地存储快速入门- http://www.w3schools.com/html/html5_webstorage.asp