javascript - 使用 window.onload() 和正常调用 JS 文件中的函数有什么区别？

Question

假设我希望控制台在页面加载时写入“Hello World”。

我会做这样的事情:

console.log("Hello World");

但是这样做和简单地调用 window.onload() 有什么区别？

window.onload = function(){
    console.log("Hello World");
}

在这两种情况下，控制台都会在页面加载时显示“Hello World”。有什么区别？

Answer 1

当仅处理console.log("Hello World")时，没有区别。

但请考虑以下情况。

var element = document.getElementById('myid');
alert(element.innerHTML);

如果在 HTML 渲染之前执行此代码，则它将找不到任何具有 id='myid' 的元素。

这就是使用 window.onload() 的原因，它仅在 HTML 内容完全呈现后才强制执行 JavaScript。