const img = document.getElementById('myImage');
if (img.complete) {
    console.log('圖片已經(jīng)加載完成');
} else {
    console.log('圖片尚未加載完成');
}

const img = new Image(); // 或者 document.getElementById('myImage')

img.addEventListener('load', function() {
    console.log('圖片加載成功');
    // 圖片加載完成后的操作
});

img.addEventListener('error', function() {
    console.log('圖片加載失敗');
    // 圖片加載失敗后的操作
});

// 設(shè)置圖片源（如果是通過(guò)JS創(chuàng)建的圖片）
img.src = 'path/to/image.jpg';

function loadImage(url) {
    return new Promise((resolve, reject) => {
        const img = new Image();
        img.onload = () => resolve(img);
        img.onerror = () => reject(new Error('圖片加載失敗'));
        img.src = url;
    });
}

// 使用示例
loadImage('path/to/image.jpg')
    .then(img => {
        console.log('圖片加載成功', img);
        document.body.appendChild(img);
    })
    .catch(err => {
        console.error(err);
    });

function areAllImagesLoaded() {
    const images = document.getElementsByTagName('img');
    let loadedCount = 0;
    let totalImages = images.length;
    
    if (totalImages === 0) return true;
    
    Array.from(images).forEach(img => {
        if (img.complete) {
            loadedCount++;
        } else {
            img.addEventListener('load', () => {
                loadedCount++;
                checkAllLoaded();
            });
            img.addEventListener('error', () => {
                loadedCount++; // 即使失敗也算作"完成"
                checkAllLoaded();
            });
        }
    });
    
    function checkAllLoaded() {
        if (loadedCount === totalImages) {
            console.log('所有圖片加載完成');
            // 執(zhí)行所有圖片加載完成后的操作
        }
    }
    
    // 初始檢查
    checkAllLoaded();
    
    return false; // 異步操作無(wú)法同步返回結(jié)果
}

// 使用示例
areAllImagesLoaded();

const observer = new MutationObserver(mutations => {
    mutations.forEach(mutation => {
        mutation.addedNodes.forEach(node => {
            if (node.nodeType === 1 && node.tagName.toLowerCase() === 'img') {
                // 新添加的圖片元素
                if (node.complete) {
                    console.log('圖片已加載', node);
                } else {
                    node.addEventListener('load', () => console.log('圖片加載完成', node));
                    node.addEventListener('error', () => console.log('圖片加載失敗', node));
                }
            }
        });
    });
});

observer.observe(document.body, {
    childList: true,
    subtree: true
});