当页面完全加载时，我需要执行一些JavaScript代码。这包括像图像这样的东西。
我知道您可以检查DOM是否准备好了，但我不知道这是否与页面完全加载时相同。
当前回答
你可能想用window。onload，因为文档表明它不会被触发，直到DOM准备好和页面中的所有其他资产(图像等)被加载。
其他回答
完成@Matchu和@abSiddique的回答。
这样的:
window.addEventListener('load', (event) => {
console.log('page is fully loaded');
});
与此相同，但使用onload事件处理程序属性:
window.onload = (event) => {
console.log('page is fully loaded');
};
来源:
https://developer.mozilla.org/en-US/docs/Web/API/Window/load_event
这里有一个活生生的例子:
https://developer.mozilla.org/en-US/docs/Web/API/Window/load_event#live_example
Javascript使用onLoad()事件，将等待页面加载之前执行。
<body onload="somecode();" >
如果你正在使用jQuery框架的文档准备函数，代码将在DOM加载时加载，在页面内容加载之前加载:
$(document).ready(function() {
// jQuery code goes here
});
这里有一个用PrototypeJS来做的方法:
Event.observe(window, 'load', function(event) {
// Do stuff
});
为了完整起见，您可能还想将它绑定到DOMContentLoaded，现在得到了广泛的支持
document.addEventListener("DOMContentLoaded", function(event){
// your code here
});
更多信息:https://developer.mozilla.org/en-US/docs/Web/Events/DOMContentLoaded
你可能想用window。onload，因为文档表明它不会被触发，直到DOM准备好和页面中的所有其他资产(图像等)被加载。
