Question

我想在页面加载时绑定（附加，可能？）存储在localStorage中的变量到一个元素（例如x，<p>或者<span>），如果变量未设置，显示默认值。

我该如何解决这个问题？

Answer 1

你可以试试这个：

(function () {
    var MY_VALUE_DEFAULT = 'MY_VALUE_DEFAULT',
        myValue = localStorage.getItem('myValue') || MY_VALUE_DEFAULT;

    document.addEventListener('DOMContentLoaded', function (e) {
        var myDisplayElement = document.getElementById('displayElement');
        myDisplayElement.innerText = myValue;
    });
}());

Answer 2

假设您知道如何获取localStorage变量，我会执行以下操作：

window.addEventListener('load', function () {
    var lsVar = /*do your magic here (i.e. check for localstorage and grab the data or null*/;
    var myDiv = document.getElementByWhatever(); // Id?

    // if lsVar is undefined, null, 0, false or empty string, set your default value
    lsVar = lsVar || "My default value";
    myDiv.innerHTML = lsVar; // or text?
}

将localStorage变量绑定到pageload上的元素

2 个答案: