javascript - 应该首先加载脚本还是图像？

我正在使用 JavaScript 库在网页上排列几张图片。以下浏览器:

按计划呈现页面，问题出现在 Chrome 浏览器中。它打乱了整个布局。

上述浏览器不会加载任何内容，除非所有图像都已下载，直到那时它显示空白屏幕，突然间它会显示完美呈现的所有内容。在 Chrome 的情况下，浏览器会在移动中显示内容，因为您可以看到以扫描线方式出现的图像。

我试过调用在里面排列这些图像的函数:

$(window).load(function() {})

它没有解决问题，我尝试在 <head></head> 中调用它并且就在关闭之前 </body> ，那也没有解决。这是与 Chrome 相关的问题吗？

调用函数的正确时间点应该是什么？

最佳答案

网上有一个不错的图书馆，综合名称imagesLoaded旨在解决您的问题!当然，它应该可以跨浏览器工作，因此在 Chrome 或其他浏览器中的行为没有差异。

在它的帮助下，您可以在所有图像加载到特定 DOM 元素或由 jQuery 选择器控制的元素时运行您的代码。喜欢:

$('body').imagesLoaded( function() {
  // images have loaded
});

如果需要，还支持 .done、.fail、.progress 回调，因此请查看文档。

关于javascript - 应该首先加载脚本还是图像？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41198263/