JavaScript document.write( ) 方法

JavaScript document.write 是 Document 對像集合中的其中一項功能，透過 document.write 可以輕鬆的在網頁上，想要顯示文字的地方，將字串內容自動寫出來，當你在寫 HTML 的時候，要在網頁中顯示一段文字，最簡單的方法就是將字串直接在 HTML 中寫出來，其實也可以使用 JavaScript 的 document.write() 方法來做到，且不只是單純的字串，還可以包含 HTML 的標籤，例如換行或顯示圖片。

JavaScript document.write( ) 基本語法

document.write(' 這裡寫你要呈現的文字 ');

要呈現的文字內容放在 document.write 小括號中，用單引號（''）或雙引號（""）將字串包起來，這樣瀏覽器會自動把這些文字當成字串來呈現，如果你要呈現的文字內容是變數，則不能夠直接放在引號中，必須用逗號（,）或加號（+）來連接變數字串，當變數較多時，建議一律使用加號（+）來串接變數字串，避免瀏覽器判斷失誤而造成的顯示出錯。

JavaScript document.write 範例一、單純的顯示字串

以上範例呈現結果如

這是測試網頁內容

JavaScript document.write 範例二、加入 HTML 標籤以及變數字串

以上範例呈現結果如

Welcome to Wibibi.
Have a good time.

範例二中，document.write 的工作內容包含將單純的字串輸出，以及輸出變數字串，在前段的字串中，使用了 HTML 的換行標籤 <br>，接著用加符號（+）串起變數字串 TestString，讓前段字串與後段字串一起輸出，且輸出結果共分為兩行，特別注意變數字串不可以放在引號內，單引號或雙引號都不可以，否則會變成單純的文字字串，不會輸出變數內容。

延伸閱讀