使用javascript添加新元素后，如何更新本地html文件？

我是网络开发新手。 我正在尝试将列表项添加到无序列表中。 使用javascript

html

javascript item.js

function myFunction1() {
    var name = document.getElementById("initem").value;
    var node = document.createElement("LI");
    var textnode = document.createTextNode(name);
    node.appendChild(textnode);
    document.getElementById("menu").appendChild(node);
}

我成功地将项目添加到列表中。 但当我刷新页面时，所有项目都消失了

---

如何在添加项目后保存html文件或更新html文件，以便在刷新页面时，项目列表仍保留在那里。

您可以将

元素的文本保存在本地存储器中，并在

加载

正文事件时检索。 出于安全原因，该代码段不起作用，但我尝试了Sublime文本，它很好

var li_text=[]；
函数myFunction1（）{
var name=document.getElementById（“initem”）.value；
var节点=document.createElement（“LI”）；
var text='Test'；
node.innerHTML=文本；
document.getElementById（“菜单”）.appendChild（节点）；
li_text.push（文本）；
setItem（“liu text”，JSON.stringify（liu text））；
}
函数loadList（）{
if（localStorage.getItem（“li_text”）！==null）{
var storaged_names=JSON.parse（localStorage.getItem（“li_text”））；
对于（i=0；i您可以将
元素的文本保存在本地存储器中，并在主体的
load
事件中检索。
出于安全原因，该代码段不起作用，但我尝试了Sublime文本，它很好


var li_text=[]；
函数myFunction1（）{
var name=document.getElementById（“initem”）.value；
var节点=document.createElement（“LI”）；
var text='Test'；
node.innerHTML=文本；
document.getElementById（“菜单”）.appendChild（节点）；
li_text.push（文本）；
setItem（“liu text”，JSON.stringify（liu text））；
}
函数loadList（）{
if（localStorage.getItem（“li_text”）！==null）{
var storaged_names=JSON.parse（localStorage.getItem（“li_text”））；
对于（i=0；iClientside JavaScript无法将文件保存在服务器上。您需要使用服务器端语言来执行此操作。如果您只想将其存储在当前浏览器中，可以使用本地存储。您可以用php向我演示此操作吗？客户端JavaScript无法将文件保存在服务器上。您需要使用服务器端语言来执行此操作。如果如果只想将其存储在当前浏览器中，可以使用本地存储。可以用php演示一下吗？
body {
    font-family: monospace;
    text-align: center;
    font-size: 1.5em;
}

input {
    text-align: center;
    width: 300px;
    height: 30px;
    border: 1px solid blue;
    border-radius: 5px;
    margin: 10px auto;
    padding-left: 10px;
    font-size: 1.2em;
    font-weight: bold;
}
#submit {
    font-size: 1em;
}

function myFunction1() {
    var name = document.getElementById("initem").value;
    var node = document.createElement("LI");
    var textnode = document.createTextNode(name);
    node.appendChild(textnode);
    document.getElementById("menu").appendChild(node);
}