在JavaScript中，如果想要在HTML文檔中輸出數據，可以使用document對象的write()方法和writeln()方法。
document.write()這個方法我們在之前的例子中接觸得多了，要是記不住的話，還真的對不起站長呀！
語法：
document.write("輸出的內容")
舉例1：
在線測試
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
document.write(" 學習網")
document.write("HTML")
document.write("CSS")
document.write("JavaScript")
document.write("jQuery")
</script>
</head>
<body>
</body>
</html>
在浏覽器預覽效果如下：
writeln()方法跟write()方法類似，不過writeln()方法輸出內容的同時會在內容之後添加一個換行符“\n”。writeln是以行方式輸出的，一般情況下用兩種方法輸出的效果在頁面上是沒有區別的，兩種方法僅當在查看源代碼時才看得出區別，除非把內容輸出到pre或xmp標簽內。
語法：
document.writeln("輸出的內容")
說明：
注意，writeln中的“l”不是字母“i”的大寫，而是字母“l”。很多人會犯這種傻逼式的錯誤。
舉例2：
在線測試
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
document.writeln(" 學習網")
document.writeln("HTML")
document.writeln("CSS")
document.writeln("JavaScript")
document.writeln("jQuery")
</script>
</head>
<body>
</body>
</html>
在浏覽器預覽效果如下：
分析：
writeln()方法輸出的內容之間會有一點空隙，而write()方法的沒有。但是上面這個例子，跟write()方法的例子在浏覽器的預覽效果區別很小。
document.writeln(" 學習網");
document.writeln("HTML");
document.writeln("CSS");
document.writeln("JavaScript");
document.writeln("jQuery");
上述代碼其實等價於以下代碼：
document.write(" 學習網\n")
document.write("HTML\n")
document.write("CSS\n")
document.write("JavaScript\n")
document.write("jQuery\n")
但是當我們把writeln方法輸出的內容放進<pre></pre>標簽內，那效果就不一樣了。
舉例3：
在線測試
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
document.writeln("<pre> 學習網")
document.writeln("HTML")
document.writeln("CSS")
document.writeln("JavaScript")
document.writeln("jQuery</pre>")
</script>
</head>
<body>
</body>
</html>
在浏覽器預覽效果如下：
分析：
為什麼會出現這種結果呢？其實這是因為pre標簽能把該標簽內部的換行符、空格等識別並且解析出來，由於writeln()方法在輸出內容的同時會多輸出一個換行符“\n”，所以換行符“\n”在pre標簽中被識別出來。大家試著將這個例子的writeln()改為write()試試。