HTML與JavaScript是目前前端開發中不可分割的兩個部分，HTML負責頁面的結構布局，而JavaScript則負責頁面的交互功能實現。在實際開發中，我們常常需要使用JavaScript與HTML進行結合，實現各種復雜的應用程序。本文主要介紹JavaScript與HTML結合的各種方式，以及如何使用HTML標簽來調用JavaScript函數。
一、在HTML頁面中引入JavaScript文件
這是JavaScript與HTML結合的最基本方式，也是我們在網頁開發中最常用的方式。我們可以使用script標簽來引入JavaScript文件，例如：

<script src="example.js"></script>

在以上代碼中，我們引用了一個名為example.js的JavaScript文件。引用該文件后，就可以在HTML頁面中使用example.js中定義的函數來實現各種交互功能。
二、在HTML標簽中使用JavaScript代碼
除了引入JavaScript文件外，我們還可以在HTML標簽中使用JavaScript代碼。例如，我們可以在button標簽中添加一個onclick事件，使用JavaScript代碼來實現按鈕的點擊操作，例如：

<button onclick="alert('Hello World!')">點擊我</button>

在以上代碼中，我們給button標簽添加了一個onclick事件，當用戶點擊該按鈕時，彈出一個消息框，顯示“Hello World!”的消息。
三、使用內聯JavaScript代碼
和在HTML標簽中使用JavaScript代碼類似，我們還可以直接在HTML頁面中編寫JavaScript代碼，使用script標簽包裹起來即可。例如：

<script type="text/javascript">
alert('Hello World!');
</script>

以上代碼中，我們直接在script標簽中編寫了一段JavaScript代碼，當頁面加載完成后，就會彈出一個消息框，顯示“Hello World!”的消息。
四、使用事件監聽器
除了使用onclick事件外，我們還可以使用其他事件監聽器來實現各種交互功能。例如，在輸入框中輸入文本時，我們可以使用onkeypress事件來實現實時提示用戶輸入的文本內容。例如：

<input type="text" onkeypress="alert(this.value)">

以上代碼中，我們使用輸入框的onkeypress事件來實現實時提示用戶輸入的文本內容。當用戶輸入任何文本時，就會彈出一個消息框，顯示用戶當前輸入的文本內容。
五、使用表單控件
表單控件也是我們在頁面交互中經常使用的一種方式。例如，在用戶輸入完用戶名和密碼后，點擊登錄按鈕可以觸發一個JavaScript函數來判斷用戶輸入的信息是否正確。例如：

<form action="login.php" method="post">
<input type="text" name="username">
<input type="password" name="password">
<input type="submit" value="登錄" onclick="check_login()">
</form>
<script type="text/javascript">
function check_login() {
var username = document.getElementsByName("username")[0].value;
var password = document.getElementsByName("password")[0].value;
if (username == "admin" && password == "admin") {
alert("登錄成功！");
} else {
alert("用戶名或密碼錯誤！");
}
}
</script>

以上代碼中，我們使用了一個表單控件，并給登錄按鈕添加了一個onclick事件。當用戶點擊登錄按鈕時，就會觸發check_login()函數，該函數獲取用戶輸入的用戶名和密碼，并進行登錄驗證。如果用戶名和密碼正確，則彈出一個消息框顯示“登錄成功！”的消息，否則彈出一個消息框顯示“用戶名或密碼錯誤！”的消息。
總結：
以上介紹了JavaScript與HTML結合的各種方式，了解這些方式有助于我們更好地理解JavaScript與HTML的應用。當然，我們還可以通過其他技術手段如Ajax、DOM等來實現更復雜的應用程序，希望本文對您有所幫助。