如何識別，html頁面中的所有元素都被渲染？

我想向我的頁面添加一個加載圖片。我在我的身體標記的開始處添加了我的加載圖像，並且我已經在HTML標記的末尾刪除了加載圖像。現在我能夠確定何時Js文件已完全下載。但是，如何確保頁面中的所有元素都已完全呈現？現在，我使用setTimeOut函數來添加額外的一秒延遲。有沒有一種方法可以識別，HTML頁面中的所有元素都被渲染？如何識別，html頁面中的所有元素都被渲染？

來源

2017-10-11 Jeffrin John

您是否在使用任何框架？像jQuery或角？ –

不，我沒有使用任何框架。 @bukkehariprasad –

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

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

來源

2017-10-11 12:45:56

感謝您的回答。但是仍然在呈現過程之前，document.readyState觸發。如何識別渲染過程是否完成。 –

如何識別，html頁面中的所有元素都被渲染？

回答

相關問題