為什麼Document.write會清空頁面？

在JavaScript中使用document.write()方法時，程式設計師經常會遇到一個奇特的情況行為：在事件處理程序（例如onClick）中呼叫document.write() 可能會導致文檔被清除。

要理解這種意外結果，必須了解 document.write() 的本質。此函數寫入文件流，文檔流是表示瀏覽器中顯示的文檔的連續資料流。

在提供的程式碼範例中：

點擊「驗證」按鈕時會觸發 validator() 函數。發生的情況如下：

1. 此時，文件可能已完成加載，這表示文件流已關閉。
2. 呼叫 document.write() 自動觸發 document.open( )，這會清除目前文檔，刪除所有現有元素。
3. 隨後，在 document.write() 中指定的文字將呈現在現在為空的文件中。

因此，表單元素（複選框和按鈕）從頁面中刪除，因為整個文件被刷新，用 document.write() 的輸出替換先前的內容。

因此，在使用 document.write() 時，在寫入之前明確使用 document.open() 確保文件流保持開啟狀態至關重要。否則，清除文件的不可預測的行為可能會破壞預期的功能。