JavaScript document.write 與 document.writeln 的差異

document.write 與 document.writeln 都是 JavaScript 用來輸出字串的語法，其實兩者用起來幾乎沒什麼差別，那為什麼要分為 write 與 writeln 這兩種呢？仔細看 writeln 比 write 多了 ln，也就是多了 line 的意思，差別就在於 writeln 是以＂行＂的形式輸出，這樣說好了，假設有一個連貫的字串，不需要分成多行，可以直接輸出，那就使用 document.write，假設要分成多行輸出，則使用 document.writeln。

document.write 與 document.writeln 基本語法

document.write("要輸出的字串"); document.writeln("要輸出的字串");

兩者用法幾乎相同，看似沒什麼差異，其實效果在程式碼編寫時才能夠展現出來。

document.write 與 document.writeln 範例

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

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

以上範例輸出結果

Welcome to Wibibi.
Have a good time.
Welcome to Wibibi.Have a good time.

為了比較 document.write 與 document.writeln 兩者的差異，同時 document.writeln 又必須有 <pre></pre> 標籤包覆才有效果，所以範例中使用了 <pre></pre> 標籤將所有的 JavaScript Code 都包起來，可以看到 writeln 的兩次輸出分為不同的行，而 write 的兩次輸出並沒有分成兩行，這樣的單純字串輸出寫法，就算把 document.write 拉到 <pre></pre> 標籤外面，一樣不會分成兩行。

其實 document.write 也可以輸出換行效果唷！不過需要加上些 HTML 換行標籤，例如 <br> 或 <p> 標籤，一樣可以達到換行的效果，而且不需要使用 <pre></pre> 標籤包裝，雖然麻煩點，但也可以做出與 document.writeln 同樣的效果，自由選擇囉！

相關主題研究