关于网页中调整图像大小的方法大家肯定都会，通常情况下，我们会在 <img/> 标签内使用 onload 在图像加载完成后调用指定的函数来调整大图像的大小，为什么要 onload 之后呢？因为必须等图像加载完成之后，JS才能正确的得到图像的宽高，从而等比缩放图像。
那么问题是什么呢？其实由于一些特殊原因，我们无法保证能在指定区域里的每一个 <img/> 元素中都增加 onload，如果我们在统一的脚本中去获取那一块的 <img/> 元素，然后增加 onload 事件是不靠谱的，因为 onload 事件必须在图像加载完成之前增加到元素上，如果元素已经加载完成后再去附件 onload 事件，那么这个事件是不会被触发的。
如果我们能得知这个元素是否加载完成，那么就好办了，加载完成的话，直接调用指定的 JS 的函数来调整大小，没有加载完成，则赋于这个元素 onload 事件，把调整大小的函数放到 onload 中。
怎么知道这个元素是否加载完成呢？对 complete 属性，比如我们有一个图像元素的 ID 是 "image" ，则可以使用 document.getElementById("image").complete 来得到这个元素是否加载完成。这是一个布尔值，TRUE 则代表加载完成。