如何等待 DOM 准备好/加载后运行 JavaScript 函数？

Question

我正在使用 JavaScript 上传脚本，该脚本表示一旦 DOM 准备好就运行初始化函数。目前，我可以通过使用

body.onload

调用函数或在定义函数后直接调用它来正常工作。该函数在占位符 div 中构建一些 HTML，充当文件上传工具。

我的问题是这里的最佳实践是什么？既然它现在可以工作，为什么指令会说一旦 DOM 准备好就运行 init 函数呢？例如，我应该在占位符 DIV 之后直接添加