Question

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

function user(){

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

此代码无效，我不知道如何使其正常工作。

Answer 1

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

item

在这种情况下，HTML应包含带有ID test的元素：

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

您可能首先要检查密钥是否确实存在，如下所示：

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

Answer 2

尝试这可能有所帮助。

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

Answer 3

if (typeof (localStorage.getItem("name1")) != null && (localStorage.length != 0)) {
var name1= localStorage.getItem("name1");
}
else {
alert("local storage kills");
}

以上代码对您有用..

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

3 个答案: