HTML 和 JavaScript 是 Web 開發中最重要的兩個技術。HTML 是 Web 頁面的標記語言，JavaScript 則是用來編寫交互式 Web 頁面的腳本語言。但是，在開發 Web 應用程序時，如何在 HTML 中執行 JavaScript 代碼呢？
通常，HTML 中的 JavaScript 代碼可以在頁面被加載的時候自動執行，也可以在響應用戶的某些操作后觸發執行。讓我們一步步來看看這兩種情況下 JavaScript 代碼的執行時間。
1. 當頁面被加載時執行 JavaScript 代碼
當瀏覽器加載 HTML 頁面時，它會將 HTML 代碼解析成一個 DOM (文檔對象模型)，并將其呈現到用戶的屏幕上。在此過程中，如果 HTML 代碼中包含 JavaScript 代碼，瀏覽器會在加載 HTML 頁面時自動執行該代碼。例如，下面的 HTML 頁面中包含一個 button 元素和一個 script 元素：
<!DOCTYPE html>
<html>
<body>
<button onclick="myFunction()">點擊我！</button>
<script>
function myFunction() {
alert("Hello World!");
}
</script>
</body>
</html>在上面的 HTML 代碼中，點擊 button 元素時會觸發 myFunction() 函數，彈出一個對話框，顯示 "Hello World!"。
2. 響應用戶操作時執行 JavaScript 代碼
當用戶與 Web 應用程序交互時，例如單擊按鈕、填寫表單或移動鼠標等，可以觸發 JavaScript 代碼的執行。這些事件由瀏覽器捕獲并交給相應的 JavaScript 函數處理。例如，下面的代碼演示了如何在單擊按鈕時觸發 JavaScript 函數的執行：<!DOCTYPE html>
<html>
<body>
<button id="myButton">點擊我！</button>
<script>
document.getElementById("myButton").addEventListener("click", function() {
alert("Hello World!");
});
</script>
</body>
</html>在上面的代碼中，使用 addEventListener() 方法為 button 元素添加 click 事件處理程序，當用戶單擊該按鈕時，將彈出 "Hello World!" 對話框。
總之，無論是在頁面加載時還是在響應用戶交互時，JavaScript 代碼都可以在 HTML 中執行。只需要將代碼包裝在 script 標簽中，并按照需要觸發執行即可。