javascript - 在页面加载时将本地存储变量绑定(bind)到元素

Question

我想在页面加载时将存储在 localStorage 中的变量绑定(bind)(附加，也许？)到一个元素(例如 <p> 、 <span> 或 <div> )，如果未设置该变量，则显示一个默认值。

我该怎么做？

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;
    });
}());