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

Javascript 从本地存储中获取项目并在html页面中使用它,javascript,html,local-storage,Javascript,Html,Local Storage,我使用javascript将用户名信息保存在本地存储中,这样当用户登录时,用户名就会出现在配置文件页面中。我的问题是,我不知道如何从本地存储中获取用户名并将其写入html页面。 到目前为止,我有: function user(){ document.write(localStorage.getItem("name1"); } 这段代码不起作用,我不知道如何使它起作用。试试这个也许会有帮助 function getUser(){ name = localStorage.getIte

我使用javascript将用户名信息保存在本地存储中,这样当用户登录时,用户名就会出现在配置文件页面中。我的问题是,我不知道如何从本地存储中获取用户名并将其写入html页面。 到目前为止,我有:

function user(){

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

这段代码不起作用,我不知道如何使它起作用。

试试这个也许会有帮助

function getUser(){
    name = localStorage.getItem("name");
    if (name == null || name == "null"){
      alert("Howdy, Stranger!");
      name = prompt("Who are you?");
      localStorage.setItem("name", name);
    } else {
      alert ("Hi, " + name + "!");
    } // end getUser
  } // end function 

试试这个也许会有帮助

function getUser(){
    name = localStorage.getItem("name");
    if (name == null || name == "null"){
      alert("Howdy, Stranger!");
      name = prompt("Who are you?");
      localStorage.setItem("name", name);
    } else {
      alert ("Hi, " + name + "!");
    } // end getUser
  } // end function 
以上代码将对您有用


上面的代码对您很有用。

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

document.getElementById("test").innerHTML = localStorage.getItem("name1");
在这种情况下,HTML应包含ID为test的元素:

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

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

document.getElementById("test").innerHTML = localStorage.getItem("name1");
在这种情况下,HTML应包含ID为test的元素:

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

是否保存了登录的用户?用户信息保存在本地存储中。控制台中是否有任何错误?我没有关闭括号,但现在我看到一个带有用户名的白色页面,但它取代了html我需要它在divis中写入现有html并保存登录用户?用户信息保存在本地存储中。控制台中是否有任何错误?我没有关闭括号,但现在我得到一个带有用户名的白色页面,但是它取代了htmlI需要它在一个div中写入现有的html这正是我需要的,这正是我需要的,