JavaScript document.writeln 換行

JavaScript document.writeln 為 document.write 的類似功能，以＂行＂為輸出模式，若透過 document.write 輸出多行字串，需要加入一些 HTML 的換行標籤，請參考「JavaScript document.write 換行」。其實 JavaScript 本身的 document.writeln 函式就可以執行多行輸出的效果，只是單純的使用 document.writeln 輸出，在許多瀏覽器的環境下，無法產生多行的效果，必須搭配 <pre> 標籤才會有效果。

JavaScript document.writeln 基本語法

document.writeln("每一行要顯示的字串內容");

請將每一行要顯示的字串內容放在 document.writeln 的小括號內，接著可以寫第二行的 document.writeln 輸出內容 ... 以此類推，在程式碼中換行寫 document.writeln 方式，會在網頁上顯示一行一行的效果，這與 document.write 不分行的效果有很大的差異。

JavaScript document.writeln 範例

<pre>
<script>
document.writeln("Welcome to Wibibi.");
document.writeln("Have a good time.");
</script>
</pre>

<script>
document.writeln("Welcome to Wibibi.");
document.writeln("Have a good time.");
</script>

以上範例輸出結果如

Welcome to Wibibi.
Have a good time.

Welcome to Wibibi. Have a good time.

誠如第一段所說，每一行的 document.writeln 必須全部包在 <pre> 標籤內才會有效果，由範例的比較可以看到，第一組包在 <pre> 標籤內的兩行 document.writeln 的確是以兩行的方式輸出，第二組並未使用 <pre> 標籤包著，輸出結果就變成一行而已。

相關主題研究