javascript - 如何在整个页面加载包括图像时启动 JS 代码(真实完成)

Question

我想在整个页面加载完成后执行脚本。

目前的方式是:

window.onload=document.getElementById('loaded').value=1;

这不好，因为有些图片还在加载中，页面还没有真正完成加载。我做错了什么？

在 Chrome 和 Firefox 中肯定对我不起作用。问题是我之后启动了一个代码，它返回状态 204，这会阻止 future 的加载。但它会在页面加载完成之前返回此 204 状态。所以我需要在页面真正加载后执行我的代码。

编辑

设置一个页面，做framebreaking

<iframe id="myframe" height=1 width=1></iframe> 
<script type="text/javascript"> 
window.onload=document.getElementById('myframe').src='http://link to a frame braker page';
</script>

当您将上述代码放入页面时，它会在页面完全加载之前加载 iframe。只需在 iframe 页面中放置一个警报，然后在您的父页面包含大图像等的较慢的服务器上尝试。

Answer 1

window.onload=document.getElementById('loaded').value=1;

您忘记将其转换为函数。你的意思是:

document.getElementById('loaded').value= 1;
window.onload= 1;

显然，作为负载检测器，这不是很有效。你的意思可能是:

window.onload= function() {
    document.getElementById('loaded').value= '1';
};