如何識別，html頁面中的所有元素都已經渲染完成？

Question

我想在我的頁面中添加加載圖像。 我在 body 標簽的開頭添加了加載圖片，並在 HTML 標簽的末尾刪除了加載圖片。 現在我能夠確定何時完全下載了 Js 文件。 但是，如何確保頁面中的所有元素都已完全呈現？ 現在，我使用setTimeOut函數來添加額外的一秒延遲。 有沒有辦法識別，HTML頁面中的所有元素都已經渲染過了？

Answer 1

document.onreadystatechange = function () {
  if (document.readyState === "complete") {
    //do everything here
  }
}

readyState 屬性用於確定文檔的狀態。 參考 MDN 文檔： https : //developer.mozilla.org/en-US/docs/Web/API/Document/readyState