Javascript 如何更新页面源

我制作了一个简单的测试文件，用于将带有HREF的自定义列表项添加到列表中，它可以工作，但是当我刷新页面时，列表项就消失了，因为实际的页面源没有更新。如何更新页面源并保留列表项

我不认为你需要看到js来回答，但无论如何，它在这里

  var list = document.getElementById('list');
  var input = document.getElementById('input');
  var input2 = document.getElementById('input2');
  var button = document.getElementById('button');

  function addListItem(){
    var listItem = document.createElement('li');
    var inputValue = document.getElementById('input').value;
    var linkValue = document.getElementById('input2').value;
    var listText = document.createTextNode(inputValue);
    var link = document.createElement('a')
    link.href = linkValue
    link.appendChild(listText)
    listItem.appendChild(link);
    document.getElementById('list').appendChild(listItem);

---

你不知道！页面源代码是直接写入html文件或在服务器端生成的。当涉及到DOM操作时，在客户端发生的事情将留在客户端。

当我想将数据保存到计算机时，我使用了LocalStorage

如果我这样做了：

LocalStorage.setItem("Name","Jhon"); // Store data "Jhon" to storage "Name"
LocalStorage.getItem("Name"); // Returns "Jhon"

即使重新加载页面，它也会记住“名称”是什么。 但是，它将始终以字符串形式返回。所以你需要解开它

---

希望这有帮助

如何更新页面源

您在服务器上更新它更新源意味着在服务器上重写文件。没有标准的方法可以做到这一点。Web服务器必须提供这样一个端点，并确保只有授权用户才能重写源代码。但可能您实际需要的是一个数据库来存储用户提交的数据，并从该数据动态生成HTML。你可以把这些值保存在Cookie中。我认为你不能动态更新页面源代码。您可以使用会话变量，也可以将其保存到数据库中。或者，您可以在添加列表时使用ajax更新部分页面。

LocalStorage

是使用JavaScript执行的，因此它仍然在客户端发生。