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> 標籤包著,輸出結果就變成一行而已。

相關主題研究
© Copyright wibibi.com 網頁設計教學百科 基礎的網頁設計規劃、資料庫與程式設計 Since 2012