使用回調處理影像載入的替代方法
載入映像時,了解影像何時完成對於實現特定功能至關重要。本問題探討了在 JavaScript 中載入映像時執行回呼的選項。
解 1:.complete 回呼
可靠且符合標準的方法涉及使用 .complete屬性以及回呼函數。 .complete 檢查圖像是否已完成加載,確保在適用的情況下立即觸發回調。
var img = document.querySelector('img'); function loaded() { alert('loaded'); } if (img.complete) { loaded(); } else { img.addEventListener('load', loaded); img.addEventListener('error', function() { alert('error'); }); }
此程式碼:
其他備註
這種方法效率很高,因為它會在影像準備好後立即觸發回調,避免事件監聽器等待造成不必要的延遲。它也受到主要瀏覽器的支持,並允許輕鬆處理錯誤。
以上是JavaScript 如何在圖片載入後執行回呼函數?的詳細內容。更多資訊請關注PHP中文網其他相關文章!