如何在纯 JavaScript (Vanilla JS) 中替换 $(document).ready() 并在 DOM 加载后执行代码？

大家好！我刚开始学习 JavaScript，之前稍微用过 jQuery。那时很简单：要在页面加载且 DOM 树就绪后执行代码，我写： ```javascript $(document).ready(function() { // 我的代码 }); ``` 或者简写： ```javascript $(function() { // 我的代码 }); ``` 现在我决定放弃 jQuery，改用纯 JavaScript (Vanilla JS)，以减小页面体积并更好地理解底层原理。但遇到了问题：如何正确实现 `$.ready()` 的替代？ 我试过用 `window.onload`，但它只在所有图片和样式完全加载后触发，而我需要在 DOM 构建完成后立即执行代码。例如，我想给按钮绑定事件处理程序或修改 HTML 中已有元素的文本。 我也试过把 script 放在 `` 末尾——这有效，但我听说有更正确的方法。请问在纯