JavaScript是一種基於物件和事件驅動的腳本語言，廣泛用於Web開發。透過JavaScript可以讓Web頁面變得更互動和動態，而且在開發中經常需要將JavaScript程式碼加入HTML中，才能實現頁面的功能。
本文將介紹JavaScript如何加入HTML中，包含內部腳本、外部腳本、行內腳本三種方式。
一、內部腳本
內部腳本即是直接在HTML頁面中編寫JavaScript程式碼。這種方式適用於程式碼量較少的情況，例如一些簡單的互動效果。以下是一個使用內部腳本實作滑鼠放上去改變文字顏色的範例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>内部脚本示例</title>
</head>
<body>
<h1 onmouseover="this.style.color='red'" onmouseout="this.style.color='black'">鼠标放上去改变颜色</h1>
</body>
</html>在這個範例中，透過onmouseover和onmouseout事件將JavaScript程式碼直接加入到HTML元素h1中，讓文字顏色在滑鼠放上去和移開時分別變成紅色和黑色。
二、外部腳本
外部腳本即將JavaScript程式碼儲存在一個獨立的檔案中，然後透過HTML頁面引入。這種方式適用於程式碼量較大或多個頁面都需要共用的情況，可以提高程式碼的可維護性和可重複使用性。以下是將外部JavaScript檔案引入HTML頁面的範例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>外部脚本示例</title>
<script src="example.js"></script>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>在這個範例中，透過<script>標籤的src屬性指定外部JavaScript文件的路徑，然後在HTML檔案中引入該檔案中的JavaScript程式碼，從而實現了程式碼的重複使用。
三、行內腳本
行內腳本即將JavaScript程式碼寫在HTML標籤的屬性中。這種方式適用於某些特定的互動效果需要使用JavaScript來實現，並且只在該標籤中起作用的情況。以下是一個使用行內腳本實現點擊按鈕彈出提示框的範例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>行内脚本示例</title>
</head>
<body>
<button onclick="alert('Hello World!')">点击这里弹出提示框</button>
</body>
</html>在這個範例中，透過onclick事件將JavaScript程式碼直接加入HTML按鈕元素中，使得點擊按鈕時彈出提示框。
以上三種方式都可以將JavaScript程式碼加入HTML中，實現更互動且動態的Web頁面。在實際開發中，根據需要選擇對應的方式來加入JavaScript程式碼，並注意程式碼的可讀性、可維護性和可重複使用性。
以上是javascript如何加入html的詳細內容。更多資訊請關注PHP中文網其他相關文章！
