JavaScript判断图片加载完成后获取实际宽高的方法和技巧

JavaScript 可以判断图片加载完成后获取实际宽高的方法和技巧，可以有效的提高网页的性能。

使用 JavaScript 判断图片加载完成后获取实际宽高，需要使用 JavaScript 的 Image 对象，它的构造函数如下：

var img = new Image();

Image 对象有一个 onload 属性，它是一个事件处理函数，当图片加载完成时，onload 事件处理函数就会被调用，处理函数的代码如下：

img.onload = function(){
    // 在这里处理图片加载完成后的事情
};

在 onload 事件处理函数中，可以使用 img.width 和 img.height 获取图片的实际宽高。

需要注意的是，在调用 Image 对象的 onload 事件处理函数之前，必须先设置 Image 对象的 src 属性，以便加载图片：

img.src = 'path/to/image.jpg';

还可以使用另一种技巧，即使用 JavaScript 动态创建一个 img 标签，将其加入到文档中，这样就可以利用 img 标签的 onload 事件处理函数来获取图片的实际宽高：

var img = document.createElement('img');
img.onload = function(){
    // 在这里处理图片加载完成后的事情
};
img.src = 'path/to/image.jpg';
document.body.appendChild(img);

使用 JavaScript 判断图片加载完成后获取实际宽高的方法和技巧，可以有效的提高网页的性能，提升用户体验。