为什么赢了'；当我打开网页时JavaScript不会运行吗？ document.getElementById（“display”）.innerHTML=localStorage.getItem（“notes”）； 函数noteIt（）{ localStorage.setItem（“notes”，localStorage.getItem（“notes”）+document.getElementById（“txt”）.value+“”； document.getElementById（“display”）.innerHTML=localStorage.getItem（“notes”）； } 函数重置（）{ localStorage.setItem（“注释”，“”） document.getElementById（“display”）.innerHTML=localStorage.getItem（“notes”）； } 注意！ 重置

对于这段代码，问题是当我在变量中有数据时，“notes”当我重新加载网页时，js顶部的行将不会运行。如果我在文本区域输入“Hi”，然后按“Note it！”，当我重新加载浏览器时，我看不到文本，“Hi”出现在我的屏幕上

谁能帮帮我吗？

---

提前谢谢你

是的，之所以会发生这种情况，是因为

在您所针对的元素之前

---

浏览器在遇到

标记时立即运行JavaScript代码。执行代码时，

p#显示

未加载。这就是代码失败的原因。

仅作为参考，页面按顺序呈现，因此通常最好先放置所有样式（在头部），然后放置所有内容，再放置脚本。这样，当项目开始渲染时，样式已经准备好，当脚本开始运行时，DOM已经建立。

<script>
document.getElementById("display").innerHTML = localStorage.getItem("notes");
function noteIt() {
localStorage.setItem("notes", localStorage.getItem("notes") + document.getElementById("txt").value + "<br>");
document.getElementById("display").innerHTML = localStorage.getItem("notes");
}
function reset() {
localStorage.setItem("notes", "")
document.getElementById("display").innerHTML = localStorage.getItem("notes");
}
</script>

<textarea id="txt"></textarea><br>
<button onClick="noteIt()">Note It!</button>
<button onClick="reset()">Reset!</button><br>
<p id="display"></p>