Question

在触发onload之前，是否可以在页面加载时捕获所有图像？

我想在onload事件后加载所有图像，背景上有一些ajax图标。

Answer 1

您可以在页面中执行任意Javascript代码，而无需使用onload事件:(请参阅http://bytes.com/topic/javascript/answers/147703-there-any-call-before-body-onload）

<html>
    <head>
        <script>alert(0)</script>
    </head>
    <body onload="alert(2)">
        ... (content) ...
        <script>alert(1)</script>
    </body>
</html>

_{（警戒顺序：0,1,2。）}

现在，在alert(1)点，您可以使用document.getElementsByTagName()，并选择您的img标记，随意使用它们。甚至可以创建一个脚本来推迟加载图像，直到它们应该在可见的滚动区域中。这对于包含图像的大型列表非常有用。

但是，更简单的解决方案是使用CSS并在每个img元素上应用背景图像。

Answer 2

考虑使用可以替换onload的过渡元素。

 <a rel="image" href="path/to/img"><img src="loader.gif"></a>

喜欢嵌入flash。

在加载页面时捕获所有图像

2 个答案: