javascript - 网页完全加载后如何加载java脚本函数？

Question

我有一个包含谷歌图表（代表一些数据）的网页。每当我的网页加载时，图表都会在网页加载后准确加载。我正在使用“select2”来美化我的选择框。这是我的代码：

$(document).load(function() { $("select").select2(); });

但是当页面加载时没有任何反应！但是当我使用时：

$(document).change(function() { $("select").select2(); });

然后在任何网页元素中进行任何更改，然后将选择框转换为“select2”格式。请帮助我我可以尝试什么？页面加载后加载图表有什么问题吗？如果是，那么为什么不将其视为网页的更改？

score 1 · Accepted Answer

您的要求在这里非常重要。

当DOM已经“准备好”（这几乎意味着，可以通过 ECMAscript 访问）时，您是否足够早地做某事，或者您是否需要等待所有类型的资源完全加载？

如果是前者，那么该DOMContentLoaded事件是您的选择。对于后一种情况，该window load事件将使您高兴。

使用 jQuery，这是

$( document ).ready(function() {
    // do stuff when the DOM is ready
});

或者

$( window ).load(function() {
    // do stuff when all resources (images, iframes, ...) were loaded
});

如果任何 3rd 方脚本加载程序涉及任何异步进程，您别无选择，只能进入任何类型的回调机制，这些机制应该由这些脚本提供。

1 回答 1