加载整个页面（包括图像）后如何启动 JS 代码（完整时真实）

Question

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

目前的方式是：

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

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

在 Chrome 和 Firefox 中当然不适合我。问题是我之后启动了一个代码，它返回状态 204，这会阻止未来的加载。但它接缝在页面完成加载之前返回此 204 状态。所以我需要在页面真正加载后执行我的代码。

编辑

设置一个页面，它会破帧

<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 事件应等待图像加载后才被触发：

加载事件在结束时触发 文件加载过程。在这 点，所有对象在 文档在 DOM 中，所有 图像和子帧已完成 正在加载。

来源：Mozilla Dev Center: window.onload

您可能需要查看以下 Stack Overflow 帖子以进一步阅读：

• Execute Javascript When Page Has Fully Loaded

---

更新：

bobince in another answer 已确定您的实施无法正常工作的原因。解决方案是使用：

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

Answer 2

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

你忘了把它变成一个函数。你说的是：

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

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

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

Answer 3

如果您可以使用 Jquery，请查看 FrameReady 插件。
检查this SO 问题。了解更多信息