javascript - LocalStorage 将属性 'innerHTML' 设置为 null。尝试使用 window.onload 解决方案

Question

我有一个 JavaScript 尝试从 localStorage 获取信息。要么是我没有完全理解 window.onload，要么是其他地方出了问题。

提前致谢!

onClickJs.js

function onClickLight() {
        alert("OnClick Log " + window.onload);

        window.onload = function (){
            var statusPub = document.getElementById("result").innerHTML = localStorage.getItem("statusPub");
            console.log(statusPub);

        }

index.jsp

<script>
        function load() {
            console.log("load event detected!");
        }
        window.onload = load;

    </script>

    <button type="lightButton" onclick="onClickLight()">Light</button>

Answer 1

当您单击按钮时，window load 事件已已触发。因此，此时将函数分配给 window.onload 是没有用的，该函数永远不会被调用。

如果你想做函数正在做的工作，就......做吧:

function onClickLight() {
    var statusPub = document.getElementById("result").innerHTML = localStorage.getItem("statusPub");
    console.log(statusPub);
}