首頁 > web前端 > js教程 > 圖片載入成功後如何執行JavaScript回呼?

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

Linda Hamilton
發布: 2024-11-27 21:24:14
原創
691 人瀏覽過

How to Execute a JavaScript Callback After Successful Image Loading?

映像載入與 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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板