javascript - $(document).ready(function (){} 以及它如何转换为 HTML

Question

我刚开始学习代码，遇到了一些关于 javascript/jquery 的问题，以及它是如何在我的 HTML 页面上运行/显示的。

此时，我正在 CodePen 中进行练习，并遇到了一个问题，即我的 HTML 标题未显示在我的页面加载中，但我的 javascript 正在按预期运行。我的目标是让我的显示和 javascript 在其下方运行，我怀疑这与我对该$(document).ready方法的使用有关。

我的代码中是否有一些我遗漏或误解的内容，即当我的页面加载时 h2 没有显示？

$(document).ready(function() {
  for (x = 1; x < 100; x++) {
    if (x % 3 === 0 && x % 5 === 0) {
      document.write("FizzBang" + '<br/>')
    } else if (x % 3 === 0) {
      document.write("Fizz" + '<br/>')
    } else if (x % 5 === 0) {
      document.write("Bang" + '<br/>')
    } else {
      document.write(x + '<br/>')
    }
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<h2>Challenge 2</h2>

标签： javascriptjqueryhtmldom

Answer 1

document.write是个讨厌的家伙。它将覆盖文档中的任何内容。

忘记它的存在。不要使用它。

如果您想进行调试，请使用console.log()并打开控制台（大多数浏览器中的 F12）。