HTML 的 <script> 標籤用於把 JavaScript 插入 HTML 頁面當中。
執行個體
-
產生文本
-
如何在頁面中寫文本
-
產生普通文本和標籤
-
如何使用 JavaScript 在頁面中寫入普通文本和標籤。
如何把 JavaScript 放入 HTML 頁面
<html><body><script type="text/javascript">document.write("Hello World!");</script>
</body></html>
上面的代碼會在 HTML 頁面中產生這樣的輸出:
Hello World!
執行個體解釋:
如果需要把一段 JavaScript 插入 HTML 頁面,我們需要使用 <script> 標籤(同時使用 type 屬性來定義指令碼語言)。
這樣,<script type="text/javascript"> 和 </script> 就可以告訴瀏覽器 JavaScript 從何處開始,到何處結束。
<html><body><script type="text/javascript">...</script>
</body></html>
document.write 欄位是標準的 JavaScript 命令,用來向頁面寫入輸出。
把 document.write 命令輸入到 <script type="text/javascript">與</script>之間後,瀏覽器就會把它當作一條 JavaScript 命令來執行。這樣瀏覽器就會向頁面寫入 "Hello World!"。
<html><body><script type="text/javascript">document.write("Hello World!");</script>
</body></html>
TIY
注意:如果我們不使用 <script> 標籤,瀏覽器就會把 document.write("Hello World!") 當作純文字來處理,也就是說會把這條命令本身寫到頁面上。
TIY
如何與老的瀏覽器打交道
那些不支援 JavaScript 的瀏覽器會把指令碼作為頁面的內容來顯示。為了防止這種情況發生,我們可以使用這樣的 HTML 注釋標籤:
<html><body><script type="text/javascript"><!--document.write("Hello World!");//--></script>
</body></html>
注釋行末尾的兩個正斜杠是 JavaScript 的注釋符號,它會阻止 JavaScript 編譯器對這一行的編譯。