Question

是否可以在加载任何图像之前运行JavaScript？

这是默认行为吗？ Dom，脚本，IMG加载？

Answer 1

默认情况下，在加载图像之前运行Javascript。图像加载完成后window对象的load事件会触发（对于大多数客户端;某些版本的Safari在图像完成之前已经触发了load），但您没有义务等待为该事件运行代码。

当假定DOM准备好进行完全交互时，jQuery ready事件（如另一个注释中所示）将触发（在某些客户端中，DOM在解析时逐渐准备好进行交互）。这也没有必要，具体取决于您要运行的代码。

如果您想运行完全不依赖于文档的代码，您可以随时在任何脚本标记中运行它，并在脚本下载后立即运行并解析。
如果你想运行依赖于DOM而不是图像（或者必然是样式）的代码，你将需要寻找一个跨浏览器的DOM加载事件模拟器（类似）到this，但不一定是，那里有很多实现）。
如果您希望在页面加载时运行代码，您将需要使用load事件（并且您将要使用{{1周围的抽象） }和window.addEventListener()，而不是分配给window.attachEvent()。

Answer 2

是的，就像使用window.onload一样：

<script>
function init() {
alert("");
}
window.onload = init; 
</script>

这是下面回答的替代方法，因为它不使用jQuery

您可能需要考虑阅读this

Answer 3

只需使用jQuery的就绪功能。

$(document).ready(function(){
    // Your code here.
});

或者，简而言之，你可以做到

$(function(){
    // Your code here.
});

Answer 4

您可以让脚本获取图像。我有一个脚本调整了图像大小，但它会在加载时闪烁正常大小。我通过添加document.getElementById（＆＃34; theImg＆＃34;）来解决它.src =＆＃34; theImg.jpg＆＃34 ;; 之后调整大小行

Answer 5

您可以将脚本标记放在<head></head>中，并将代码放在任何函数之外。它将在浏览器解析页面之前（和之后）运行。

当然，如果您需要加载DOM，则无用。

非常基本，不好的形式，但它是一种选择。只是一个想法。