- document.write:
- document.write是一個JavaScript方法,用于向HTML文檔寫入內容。
- 當使用document.write方法時,它會直接將內容寫入到文檔中,覆蓋之前的內容。
- 如果在頁面加載完成后使用document.write方法,它會覆蓋整個文檔,包括和標簽。
- 使用document.write方法會打斷頁面的渲染過程,降低頁面性能。
- innerHTML:
- innerHTML是一個DOM屬性,用于獲取或設置元素的HTML內容。
- 當使用innerHTML屬性時,它會替換元素的所有子節點內容,但不會影響元素的其它屬性。
- innerHTML可以在元素內部插入新的內容,而不會覆蓋整個文檔。
- 使用innerHTML屬性可以更靈活地操作頁面的內容,不會打斷頁面的渲染過程,提高頁面性能。
總的來說,document.write是直接向文檔寫入內容,而innerHTML是操作元素的HTML內容。在大多數情況下,建議使用innerHTML來操作頁面內容,因為它更靈活、不會打斷頁面渲染,提高頁面性能。