javascript - 在javascript中自动调用函数的各种方法

Question

我听说过一些在页面加载时在 javascript 中自动调用函数的方法。这个问题是要知道哪种方法最好。

如果您的方法与其他所有方法不同，请在此处提及您的方法，无论它是好是坏。

Answer 1

您的选择是：

1. 只需script在页面末尾放置一个标签并将您的函数调用放在那里。如果它正好在结束</body>标记之前（或之后），则它上面的所有 DOM 元素都在那里并准备好被操作（参考）。图像和其他资源可能已加载，也可能尚未加载。除非出于某些特定原因您需要做其他事情，否则这是您最好的选择，经常推荐。

2. 使用window load事件，您可以addEventListener在标准浏览器或attachEvent旧版本的 IE 上挂钩。在加载所有图像和其他资源之后，这种情况发生在周期的后期。（你也可以使用标签上的老式onload属性来挂钩它body，但我不推荐它。）

3. 在标准浏览器上，当DOMContentLoadedDOM准备好但早于window load. 你通过addEventListener.

4. 大多数 JavaScript 库都提供了某种“当 DOM 准备就绪”事件，您可以挂钩。jQuery 使用ready(yourFunction)函数，Prototype 使用document.observe("dom:loaded", yourFunction)等等。