圖片載入成功後如何執行JavaScript回呼？

映像載入與 JavaScript 回呼

問題：如何在成功載入圖片後執行 JavaScript 回呼？或者，有什麼方法可以完成這個任務嗎？

答案：

JavaScript 中有多種方法可以實現映像載入回調。一種方法涉及利用.complete 屬性和回調函數，如下所示：

JavaScript 程式碼：

var img = document.querySelector('img')

function loaded() {
  alert('loaded')
}

if (img.complete) {
  loaded()
} else {
  img.addEventListener('load', loaded)
  img.addEventListener('error', function() {
      alert('error')
  })
}

此方法符合標準，不符合標準需要外部依賴，並且不會引入不必要的延遲。最初會檢查 img.complete 屬性，如果圖像已加載，則立即執行回調。如果圖片未載入，事件偵聽器將會新增至「load」和「error」事件中，確保回呼正確執行。

以上是圖片載入成功後如何執行JavaScript回呼？的詳細內容。更多資訊請關注PHP中文網其他相關文章！