javascript - 需要在页面加载时触发对 clickCounter() 的调用

Question

我正在使用下面的 clickCounter 函数:

<script>
function clickCounter() {
    if(typeof(Storage) !== "undefined") {
        if (localStorage.clickcount) {
            localStorage.clickcount = Number(localStorage.clickcount)+1;
        } else {
            localStorage.clickcount = 1;
        }
        document.getElementById("result").innerHTML =  localStorage.clickcount ;
    } else {
        document.getElementById("result").innerHTML = "";
    }
}
</script>

我可以让 onclick=clickCounter 在按钮中工作，它在下面的代码中显示计数器值。但是，当页面加载时，我无法触发 clickCounter() 函数以显示计数器值。

换句话说，在页面加载时，我需要触发对函数的调用，以便 id="result"中包含计数值。

<script>
  document.getElementById("result").innerHTML =  localStorage.clickcount ;
</script>

<font face="arial" size="3" color="black"><div>
<span id="result"></span> Downloads
</div></font>

Answer 1

您所需要做的就是将您的设置包装在 .innerHTML 中 window.onload 内部功能:

window.onload = function() {
  //document.getElementById("result").innerHTML = localStorage.clickcount;
  document.getElementById("result").innerHTML = 3;
}

<div>
  <span id="result"></span> Downloads
</div>

除此之外，<font>标签自 HTML 4.0.1 起已被弃用，并且都是 obsolete and unsupported在 HTML5 中。请改用 CSS 进行样式设置。

希望这有帮助!