微参考 js JavaScript中"onload"事件的用法

JavaScript中"onload"事件的用法

在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. 异步加载脚本

当使用`