javascript - 在 HTML 末尾或 "onload"处初始化 JS 组件？

Question

有一段时间我一直在运行 JavaScript 组件初始化，等待“onload”事件触发并执行 main()。各种各样的。它看起来更干净，你可以确定你的 DOM 的 ID 状态是有序的。但经过一段时间的尝试后，我发现组件的初始化被加载期间挂起的任何类型的资源(图像、css、iframe、flash 等)阻塞。

现在我使用内联 <script /> 将初始化调用移动到 HTML 文档本身的末尾。执行，发现它在其他外部资源之前推送了初始化。

现在我想知道这样做是否会带来一些陷阱，而不是等待“onload”。

你用的是什么方法？

编辑:谢谢。似乎每个库都有专门的 DOMContentLoaded 功能。/readyState实现差异。我用原型(prototype)所以this是我需要的。

Answer 1

对我来说，我们使用 jquery，它的文档就绪状态确保 DOM 已加载，但不会像你说的那样等待资源。你当然可以在没有 javascript 框架的情况下这样做，它确实需要一个你可以创建的函数，例如:document ready现在，在大多数情况下，将脚本放在页面末尾可以确保页面的其余部分都在那里，但确保 DOM 准备就绪绝不是一件坏事。