首頁 > 文章 > web前端 > 在html中嵌入js程式碼的方法

在html中嵌入js程式碼的方法

在html中嵌入js程式碼的方法

如何在HTML頁面中嵌入javascript代碼

（學習影片分享：html影片教學）

<html> <body> 
<script type="text/javascript"> document.write("Hello World!"); </script> 
</body> </html>

上面的程式碼會在HTML 頁面中產生這樣的輸出：

Hello World!

實例解釋：

#如果需要把一段JavaScript 插入HTML 頁面，我們需要使用3f1c4e4b6b16bbbd69b2ee476dc4f83a 標籤（同時使用type 屬性來定義腳本語言）。

這樣，4ec11beb6c39d0703d1751d203c17053 和 2cacc6d41bbb37262a98f745aa00fbf0 就可以告訴瀏覽器 JavaScript 從何處開始，到何處結束。

<html> <body> 
<script type="text/javascript"> ... </script>
 </body> </html>

document.write 欄位是標準的 JavaScript 指令，用來寫入頁面輸出。

把 document.write 指令輸入到 4ec11beb6c39d0703d1751d203c17053與2cacc6d41bbb37262a98f745aa00fbf0之間後，瀏覽器就會把它當作一條 JavaScript 指令來執行。這樣瀏覽器就會到頁面寫入 "Hello World!"。

<html> <body> 
<script type="text/javascript"> document.write("Hello World!"); </script>
 </body> </html>

注意：如果我們不使用3f1c4e4b6b16bbbd69b2ee476dc4f83a 標籤，瀏覽器就會把document.write("Hello World!") 當作純文字來處理，也就是說會把這條指令本身寫到頁面上。

如何處理舊的瀏覽器

那些不支援 JavaScript 的瀏覽器會把腳本當作頁面的內容來顯示。為了防止這種情況發生，我們可以使用這樣的 HTML 註解標籤：

<html> <body> 
<script type="text/javascript"> <!-- document.write("Hello World!"); //--> </script>
 </body> </html>

註解行末尾的兩個正斜線是 JavaScript 的註解符號，它會阻止 JavaScript 編譯器對這一行的編譯。

相關文章