为什么需要使用 document.ready？
在网页开发中，JavaScript 代码通常需要与 HTML 文档的结构进行交互。如果 JavaScript 代码在 HTML 文档加载完成之前执行，它可能会尝试访问尚未加载的 DOM 元素，从而导致错误。为了避免这种情况，我们需要确保 JavaScript 代码在 DOM 加载完成后才开始执行。
document.ready 方法正是为了解决这个问题而设计的。它提供了一种机制，让开发者可以指定一段 JavaScript 代码，并在 DOM 加载完成后自动执行。这确保了 JavaScript 代码能够可靠地访问和操作 DOM 元素，避免了错误的发生。
举个例子，假设我们想要在网页加载完成后，为一个按钮添加点击事件监听器。如果我们直接在