document.writeln()

antzone發表於2017-04-10

此方法與document.write()方法的作用類似，只是在每一個表達的最後新增一個換行符。

特別說明:

雖然根據DOM標準，該方法只接受單個字串作為引數。不過根據經驗，writeln()可接受任何多個引數。

通常按照兩種方式使用writeln()方法：

（1）.是在使用該方在文件中輸出HTML，另一種是在呼叫該方法的的視窗之外的視窗、框架中產生新文件。

（2）.在第二種情況中，請務必使用close()方法來關閉文件。

語法結構:

[JavaScript] 純文字檢視 複製程式碼
document.writeln(exp1,exp2,exp3,....)

瀏覽器支援:

（1）.IE瀏覽器支援此方法。

（2）.火狐瀏覽器支援此方法。

（3）.Opera瀏覽器支援此方法。

（4）.谷歌瀏覽器支援此方法。

（5）.safria瀏覽器支援此方法。

例項程式碼:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script type="text/javascript"> 
document.writeln("螞蟻部落歡迎您"); 
document.writeln("太陽出來了"); 
</script> 
</head> 
<body> 
    
</body> 
</html>

以上程式碼可以向文件輸出兩條文字內讓那個，並且在每一條的最後新增一個換行符，以上程式碼可以認為等同於以下程式碼:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script type="text/javascript"> 
document.write("好好學習\n"); 
document.write("太陽出來了\n"); 
</script> 
</head> 
<body> 
    
</body> 
</html>

在這裡可能又不少朋友有這樣的疑問，既然新增了換行符為什麼沒有出現換行的情況。這裡大家要理解這樣一個問題，那就是換行符和<br/>在瀏覽器中解析是兩種結果，再來看以下程式碼:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
</head> 
<body> 
好好學習 
太陽出來了 
</body> 
</html>

以上程式碼中，"好好學習"與"太陽出來"之間是有換行符的，但是瀏覽器並不能將兩端文字換行。