Question

如何在页面加载完成后执行JavaScript函数？

Answer 1

使用onload这样的事件：

window.onload = function(){
  // your code here.......
};

Answer 2

让你的onload处理程序在所有浏览器中干净利落地工作：

if (addEventListener in document) { // use W3C standard method
    document.addEventListener('load', yourFunction, false);
} else { // fall back to traditional method
    document.onload = yourFunction;
}

有关详细信息，请参阅http://www.quirksmode.org/js/events_advanced.html

Answer 3

大多数JavaScript框架（例如jQuery，Prototype）都封装了类似的功能。

例如，在jQuery中，将您自己的函数传递给核心jQuery函数$()会导致在加载页面的DOM时调用您的函数。请参阅http://api.jquery.com/jQuery/#jQuery3。

这发生在onload事件触发之前，因为onload等待下载所有外部文件（如图像）。您的JavaScript可能只需要准备好DOM;如果是这样，这种方法比等待onload更好。

Answer 4

Event.observe（window，“onload”，yourFunction）;

如何在页面加载完成后执行JavaScript函数？

4 个答案: