HTML彈出框是一個非常實用的功能,可以在網頁上彈出彈窗,用于提醒、警告、詢問等操作。下面我們來學習一下如何編寫HTML彈出框的代碼。
<!DOCTYPE html>
<html>
<head>
<title>HTML彈出框示例</title>
<script>
function showConfirm() {
var result = confirm("確定要刪除這個文件嗎?");
if (result == true) {
alert("文件已刪除。");
} else {
alert("文件未刪除。");
}
}
function showAlert() {
alert("請注意,系統即將關閉!");
}
</script>
</head>
<body>
<button onclick="showConfirm()">刪除文件</button>
<br><br>
<button onclick="showAlert()">關閉系統</button>
</body>
</html>
代碼中包括兩個JavaScript函數,分別用于實現彈出確認框和警告框的功能。當用戶點擊“刪除文件”按鈕時,會彈出一個確認框,詢問用戶是否確定要刪除文件。如果用戶點擊了“確定”按鈕,會彈出一個提示框,告訴用戶文件已被成功刪除。如果用戶點擊了“取消”按鈕,會彈出另一個提示框,告訴用戶文件未被刪除。當用戶點擊“關閉系統”按鈕時,會彈出一個警告框,提示用戶即將關閉系統。
通過編寫這些代碼,我們可以很方便地實現各種類型的HTML彈出框。希望以上內容對大家有所幫助。