JavaScript中的Image对象具有哪些属性和事件

在 JavaScript 中，Image 对象是一个内置的对象，用于在网页中加载和显示图像。它具有以下一些属性：

1. src：表示图像的 URL。
2. alt：表示图像的替代文本，当图像无法加载时会显示这段文本。
3. width：表示图像的宽度。
4. height：表示图像的高度。
5. complete：表示图像是否已经完全加载完成。
6. naturalWidth：表示图像的原始宽度。
7. naturalHeight：表示图像的原始高度。

此外，Image 对象还具有以下事件：

1. onload：表示图像已经成功加载并显示。
2. onerror：表示图像加载失败或无法显示。

例如，以下代码演示了如何创建一个 Image 对象，并使用其中的某些属性和事件：

const myImage = new Image();
myImage.src = 'https://example.com/my-image.jpg';
myImage.alt = 'My image';
myImage.width = 200;
myImage.height = 150;

myImage.onload = function() {
  console.log('Image loaded successfully');
};

myImage.onerror = function() {
  console.log('Failed to load image');
};

在上面的代码中，创建了一个名为 myImage 的 Image 对象，并设置了其 src、alt、width 和 height 属性。然后，分别为 onload 和 onerror 事件指定了处理函数，以便在图像加载成功或失败时执行相应的操作。