HTML5镜像预加载

Question

我正在使用以下内容：

 window.addEventListener("load", pageFullyLoaded, false);

function pageFullyLoaded(e) {
// run animation instructions/function here
}

所以当所有的对象都在DOM中的时候，图像，脚本等已经加载完我的动画指令就可以触发了。

我现在的问题是关于图像预加载:在我的CSS中，我使用了以下内容：

 body::after {
 content: url ("sprite.png");
 display: none;
 }

但是，如果JS中的load事件已经在动画发生之前等待所有图像可用，我真的不清楚使用和不使用它有什么区别？在CSS中使用它有什么好处吗？

Answer 1

load事件并不关心CSS。它们可能在load事件触发时加载，也可能不加载；它们可能只在请求时“延迟加载”，也可能不“延迟加载”。