加载事件会等待加载css中的background-image吗？

Question

我想知道js中的load事件是否会等到css中的background-image：url（）完全加载。

这种情况下的确切行为是什么？

Answer 1

$('<img/>').attr('src', 'http://picture.de/image.png').on('load', function() {
   $(this).remove(); // prevent memory leaks as @benweet suggested
   $('body').css('background-image', 'url(http://picture.de/image.png)');
});

试试这个

以供参考： -

How can I check if a background image is loaded?

Answer 2

在您的情况下，您应该确保该页面是100％加载的。

要获得简单快速的结果，请使用jQuery：

$(window).on("load", function() {
    // Take the screenshot here.
});

这是一个演示：https://codepen.io/anon/pen/aXgdJq