load和onload的区别

load 和 onload 都是指文档或资源加载完成后触发的事件，但是它们的使用方式略有不同

onload 事件只能绑定到某个特定的元素上，例如图片元素，而 load 事件则可以绑定到整个文档或 window 对象上。

onload 是一种事件属性，可以直接在 JavaScript 代码中使用。例如：

window.onload = function() {
    
    
  // 执行一些操作
}

在这个例子中，当文档及其所有资源都加载完成时，window.onload 事件会触发，从而执行函数中的代码。

对于 load 事件来说，它可以绑定到整个文档或 window 对象上:

document.addEventListener('load', function() {
    
    
  // 文档及其所有资源都已加载完成
});

这里的 load 事件绑定到了 document 对象上，表示当整个文档及其所有资源都已加载完成时触发该事件。
同时，也可以将 load 事件绑定到 window 对象上，例如：

window.addEventListener('load', function() {
    
    
  // 文档及其所有资源都已加载完成
});

这里的 load 事件绑定到了 window 对象上，表示当整个文档及其所有资源都已加载完成时触发该事件。

需要注意的是，使用 load 事件绑定到整个文档或 window 对象上时，需要确保所有资源都已加载完成。如果存在某些资源尚未加载完成，那么 load 事件可能不会被触发。因此，在实际开发中，我们更倾向于使用 DOMContentLoaded 事件来绑定需要在文档加载完成后执行的 JavaScript 代码。