在JavaScript中,`onload`事件是一个常用的事件监听器,它在页面或图片加载完成后触发。以下是关于`onload`的详细用法。
1. 页面加载完成时触发
当整个页面(包括所有图像、脚本文件、CSS文件等)加载完成时,可以在`window`对象上使用`onload`事件。
window.onload = function() {
// 页面加载完成后的操作
console.log('页面加载完成');
};
2. 图像加载完成时触发
当图像加载完成时,可以在``标签上使用`onload`事件。
var img = document.createElement('img');
img.onload = function() {
// 图像加载完成后的操作
console.log('图像加载完成');
};
img.src = 'image.jpg';
3. 异步加载脚本
当使用`