JavaScript document.write( ) 方法

JavaScript document.write 是 Document 對像集合中的其中一項功能,透過 document.write 可以輕鬆的在網頁上,想要顯示文字的地方,將字串內容自動寫出來,當你在寫 HTML 的時候,要在網頁中顯示一段文字,最簡單的方法就是將字串直接在 HTML 中寫出來,其實也可以使用 JavaScript 的 document.write() 方法來做到,且不只是單純的字串,還可以包含 HTML 的標籤,例如換行或顯示圖片。

JavaScript document.write( ) 基本語法

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

要呈現的文字內容放在 document.write 小括號中,用單引號('')或雙引號("")將字串包起來,這樣瀏覽器會自動把這些文字當成字串來呈現,如果你要呈現的文字內容是變數,則不能夠直接放在引號中,必須用逗號(,)或加號(+)來連接變數字串,當變數較多時,建議一律使用加號(+)來串接變數字串,避免瀏覽器判斷失誤而造成的顯示出錯。

JavaScript document.write 範例一、單純的顯示字串
<script type="text/javascript">
 document.write("這是測試網頁內容");
</script>
以上範例呈現結果如
這是測試網頁內容
JavaScript document.write 範例二、加入 HTML 標籤以及變數字串
<script type="text/javascript">
 var TestString='Have a good time.';
 document.write('Welcome to Wibibi.<br>'+TestString);
</script>
以上範例呈現結果如
Welcome to Wibibi.
Have a good time.
範例二中,document.write 的工作內容包含將單純的字串輸出,以及輸出變數字串,在前段的字串中,使用了 HTML 的換行標籤 <br>,接著用加符號(+)串起變數字串 TestString,讓前段字串與後段字串一起輸出,且輸出結果共分為兩行,特別注意變數字串不可以放在引號內,單引號或雙引號都不可以,否則會變成單純的文字字串,不會輸出變數內容。

延伸閱讀
© Copyright wibibi.com 網頁設計教學百科 基礎的網頁設計規劃、資料庫與程式設計 Since 2012
PHP Smarty MySQL JQuery Apache W3C