javascript - 从本地存储中获取项目并在html页面中使用它

我使用javascript将用户名信息保存在本地存储中，以便用户登录时，用户名显示在配置文件页面中。我的问题是我不知道如何从本地存储中获取用户名并将其写到我的html页面中。
到目前为止，我有这个：

function user(){

  document.write(localStorage.getItem("name1");
}

该代码不起作用，我不知道如何使其起作用。

最佳答案

您需要将该值分配给现有的HTML元素，例如

document.getElementById("test").innerHTML = localStorage.getItem("name1");

在这种情况下，HTML应包含ID测试为的元素：

<div id="test"></div>

您可能首先想检查密钥是否确实存在，例如：

if (localStorage.getItem("name1") != null) {
  document.getElementById("test").innerHTML = localStorage.getItem("name1");
}

关于javascript - 从本地存储中获取项目并在html页面中使用它，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37376773/