使用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")处理 时，会产生 NO 差异。

但请考虑以下情况。

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

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

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