當使用JavaScript開發動態網頁時，常常要在文檔載入完成后對HTML元素進行操作。例如，我們可能需要動態改變網頁中的圖片、文本內容、樣式等。但是，如果在文檔未完成載入之前就對元素進行操作，就會出現頁面未完成的情況。這時就需要用到一些JavaScript代碼來確保文檔載入完成后再進行操作。

在JavaScript中，常用的文檔載入完成的事件是window.onload。這個事件會在文檔載入完成后觸發。我們可以將需要在文檔載入完成后執行的代碼放在window.onload事件處理函數中。

window.onload = function() {
// 在這里寫需要在文檔載入完成后執行的代碼
}

但是，如果頁面中包含大量的圖片、腳本和樣式表，在文檔載入完成之前，我們可能看到頁面中只有一部分內容。這個時候我們也需要確保我們的代碼只會在文檔載入完成后才執行，否則我們仍然會遇到頁面未完成渲染的問題。一個解決方法是使用DOMContentLoaded事件。

DOMContentLoaded事件可以在文檔載入完成后立即觸發，而不必等待所有資源的加載完成。這使得我們可以更早地開始執行操作，而無需等到整個頁面加載完畢。

document.addEventListener("DOMContentLoaded", function() {
// 在這里寫需要在DOM載入完成后立即執行的代碼
});

在使用DOMContentLoaded事件時需要注意，該事件在IE8及以下版本的瀏覽器中不被支持。此外，DOMContentLoaded事件僅在文檔載入完成后才能觸發，因此如果您需要在頁面完全加載后才執行某些代碼，則需要使用window.onload事件。

除了DOMContentLoaded事件和window.onload事件外，還有其他一些事件可以用來檢測文檔載入的不同階段。例如，文檔開始解析時會觸發readystatechange事件，文檔的頭部信息解析完成時會觸發readystatechange事件的readyState屬性值為loaded，當所有DOM元素都創建完成后會觸發readystatechange事件的readyState屬性值為complete。

document.onreadystatechange = function() {
if (document.readyState == "complete") {
// 在這里寫需要在所有DOM元素創建完成后執行的代碼
}
};

使用這些事件可以確保我們的JavaScript代碼只會在文檔載入完成后執行，從而避免出現頁面未完成渲染的問題。