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

Question

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

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

Answer 1

您的选择是：

1. 只需在页面末尾添加script标记，然后将函数调用放在那里。如果它在结束</body>标记之前（或之后），则其上方的所有DOM元素都在那里并准备好进行操作（reference）。图像和其他资源可能已加载，也可能尚未加载。除非您需要做其他事情，否则这是您最好的选择，frequently recommended。

2. 使用window load事件，您可以在标准浏览器上通过addEventListener或在旧版本的IE上attachEvent挂钩。在加载所有图像和其他资源之后，在循环的后期发生非常。 （您也可以使用onload标记上的旧版body属性将其挂钩，但我不建议这样做。）

3. 在标准浏览器上，有一个DOMContentLoaded event在DOM准备好但早于window load时触发。你可以通过addEventListener挂钩。

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