HTML 和 JavaScript 是兩種非常有用的編程語言，它們可以一起使用來創建令人驚嘆的網站和動態應用程序。其中，JavaScript 是一種非常重要的語言，它可以在網頁中添加交互性和動態性。在 HTML 中，你可以使用 JavaScript 代碼來實現動態效果，如下：
<html>
<head>
<script>
function changeText(){
document.getElementById("demo").innerHTML="JavaScript 讓網頁更豐富！";
}
</script>
</head>
<body>
<p id="demo">HTML 是網頁的框架，<br>JavaScript 讓它活了起來！</p>
<button onclick="changeText()">點擊這里來改變上面這段話的文字</button>
</body>
</html>以上的代碼包括了一個 JavaScript 函數，這個函數會在按鈕被點擊時被調用。它會找到這個網頁中 ID 為 "demo" 的元素（即包含 "HTML 是網頁的框架，JavaScript 讓它活了起來！" 這段文字的元素），然后把它的內容改變成 "JavaScript 讓網頁更豐富！" 。在 HTML 中，可以通過添加 "onclick" 屬性來定義按鈕點擊之后要執行的 JavaScript 函數。
另外，在 HTML 中也可以通過 "onload" 屬性來指定頁面在加載完成后要執行的 JavaScript 函數：
<html>
<head>
<script>
function onLoadFunction(){
alert("歡迎來到這個網站！");
}
</script>
</head>
<body onload="onLoadFunction()">
<p>這是一段歡迎語</p>
</body>
</html>在以上的代碼中，"onload" 屬性被添加到了 "body" 標簽中，并指定了一個要執行的函數 "onLoadFunction"。當這個頁面加載完成后，這個函數就會被調用并執行。在這里，這個函數只是簡單地以彈窗的形式輸出了一段歡迎語。通過分析這兩個例子，你可以看到 HTML 中可以通過 JavaScript 平滑地實現交互性、動態性等效果。
上一篇css3過渡和動畫效果