JavaScript document.write 換行

JavaScript document.write 可以用來輸出文字的字串,甚至也可以輸出包含 HTML 標籤的字串,本文主要介紹如何透過 HTML 換行標籤,讓 document.write 輸出具有換行效果的文字字串,就像是直接在 HTML 頁面中寫出換行段落的文章內容般。

JavaScript document.write 基本語法

document.write(' 這裡寫你要呈現的文字 ');


只要將 HTML 的換行標籤 <br> 或段落標籤 <p>,直接寫在 document.write 的小括號內,要注意的是含有 HML 換行標籤的部分,必須用引號包起來,單引號或雙引號都可以,少了引號的話,換行標籤會被當成變數而出錯。

JavaScript document.write 換行範例
<script language="javascript">
document.write('這是第一行<br>');
document.write('這是第二行<br>');
document.write('<p>這是第一段</p><p>這是第二段</p>');
</script>
以上範例輸出結果
這是第一行
這是第二行

這是第一段

這是第二段

範例中使用了 HTML 的 <br> 換行標籤與 <p> 段落標籤,如果只是單純的一次輸出一行,可以使用 <br> 換行標籤,如果要輸出的是一個段落,則使用 HTML <p> 段落標籤,兩者的差異在於 <br> 一次只會換一行,而 <p> 一次換兩行,每一組 <p></p> 標籤會有一個行間距。

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