資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
服裝設計
法學JavaScript 如何在點選某個類別的按鈕時彈出警報？
在 JavaScript 中，警報是一個對話方塊，當需要通知使用者一些重要資訊或警告時會顯示。它可能包含一條訊息和一個確定按鈕。單擊“確定”按鈕將關閉對話方塊。
點選按鈕會觸發事件處理程式，該處理程式呼叫一個函式，指示瀏覽器顯示帶有訊息的對話方塊。在本文中，我們將探討幾種在使用者點選按鈕時顯示警報的方法。
例如，單擊下面的按鈕以獲取警報：
使用內聯事件監聽器
在這種方法中，我們將事件監聽器直接嵌入到 HTML 元素中。這種型別的事件監聽器以“on”字首開頭。在這裡，我們使用onclick()事件在點選按鈕時獲取警報。
示例
使用內聯事件監聽器顯示警報的 JavaScript 程式如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=1.0">
<title>Alert</title>
</head>
<body>
<button onclick="alert('Demo Alert Message')">Click Button</button>
</body>
</html>
執行上述程式碼後，將出現一個按鈕，點選該按鈕將彈出警報視窗。
使用 DOM 事件監聽器
在這裡，我們使用 addEventListener() 方法來關聯事件處理程式（在本例中為警報）。當我們使用此方法時，JavaScript 程式碼將與 HTML 標記分離。
示例
讓我們看看實際演示：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=1.0">
<title>Document</title>
</head>
<body>
<button class="clickTheButton">Click to get an alert</button>
<script>
for (var clickButton of
document.getElementsByClassName("clickTheButton"))
clickButton.addEventListener("click", alertMeessage);
function alertMeessage() {
alert("You have clicked the button");
}
</script>
</body>
</html>
單擊編輯並執行後，將顯示一個按鈕。單擊該按鈕將顯示警報。
更新於：2024年10月4日
1K+ 次瀏覽
廣告