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

Question

我使用javascript将用户名信息保存在本地存储中，以便当用户登录时，用户名出现在个人资料页面中。我的问题是我不知道如何从本地存储获取用户名并将其写入我的 html 页面中。到目前为止我有这个:

function user(){

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

这段代码不起作用，我不知道如何让它工作。

Answer 1

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

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

在这种情况下，HTML 应包含 ID 为 test 的元素:

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

您可能首先想检查 key 是否确实存在，如下所示:

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