Question

我有一些来自输入的代码，我想把它保存到一些body元素中。我可以将它添加到正文中，但在重新加载页面时它会消失

variable

variable2

Answer 1

这个问题基本上是询问如何从localStorage检索存储的值。

因此，您需要在localStorage中设置值，但是当您重新加载页面时，您需要有一个脚本来检查localStorage中是否存在＆＃sa;如果在那里找到该数据，请将该数据添加到您的页面。

我会建议像：

<script>
    var setText = function(text) {
        var par = document.createElement('P');
        par.innerText = text;
        document.body.appendChild(par);
    }

    var checkLocalStorage = function() {
        var value = localStorage.getItem("nameOfbook")

        if (value) {
            setText(value)
        }
    }

    checkLocalStorage()

    function store(){
        var nameOfbook = document.getElementById("nameOfbook");
        var value = localStorage.setItem("nameOfbook", nameOfbook.value);
        var storedValueBockName = localStorage.getItem("nameOfbook");
        setText(storedValueBockName)
    }
</script>

因此，我将标题附加到页面的代码移动到了自己的函数中，以便store()和checkLocalStorage()都可以使用它。 checkLocalStorage查看是否为nameOfbook设置了值，如果有，则将该值传递给setText。

应该做的伎俩。

将localstorage数据附加到All会话的body元素（还可以重新加载）

1 个答案: