时间戳

首页 > 解决方案 > 如何在 HTML 页面上显示本地存储保存的值

javascript - 如何在 HTML 页面上显示本地存储保存的值

问题描述

我有两个问题：

  1. 当我加载 HTML 页面时，我在检查中查看“调试”，它不断说本地存储未定义

  2. 如何在 HTML 页面中显示本地存储值

JS代码：

var loadLives = setInterval(showLives, 100);
// get lives from localstorage
var livesInStorage = window.localstorage.getItem('lives');
let lives;

if(livesInstorage) {
  //parse localstorage data to Int
  lives = parseInt(livesInstorage, 10);
}
else {
  // initial value (in this case: 3)
  lives = 3;
}

function loseLife() {
    if (lives > 1) {
        lives = --lives;

        // set changed value in localStorage
        window.localstorage.setItem('lives', lives);
    }
    else {
        location.href='fail.html';
    }
}

function showLives() {
    document.getElementById("lifeamount").innerHTML = window.localstorage.getItem('lives');
}

标签： javascriptlocal-storage

解决方案

从您共享的代码中，我可以看到您将变量“lives”设置为 3 作为初始值，但您没有在本地存储中设置它。您只在调用“loseLives”时将其设置在本地存储中，但我没有看到对此函数的调用。

另外，你有一个错字。你写的是 localstorage 而不是 local S torage 。

推荐阅读