在實際應用中，PHP的confirm()函數通常用于在用戶界面中創建一個模態對話框，以確認用戶的操作。然而，需要注意的是，confirm()函數是一個同步函數，它會阻塞代碼的執行直到用戶做出選擇，這可能會導致不良的用戶體驗。在現代的前端開發實踐中，更推薦使用異步的方法，如JavaScript的confirm()替代方案，或者使用現代的UI框架提供的組件。
盡管如此，為了回答這個問題，我將提供一個使用confirm()函數的簡單案例分析。
假設我們有一個簡單的學生管理系統，用戶可以在列表中查看學生信息，并且每個學生信息旁邊都有一個刪除按鈕。當用戶點擊刪除按鈕時，我們希望彈出一個確認對話框，讓用戶確認是否真的想要刪除這條學生記錄。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Student Management</title>
</head>
<body>
<h1>Student Management</h1>
<ul id="student-list">
<!-- Student items will be added here dynamically -->
</ul>
<script src="script.js"></script>
</body>
</html>
document.addEventListener('DOMContentLoaded', function() {
// 模擬從服務器獲取學生數據并添加到列表中
const students = [
{ id: 1, name: 'Alice' },
{ id: 2, name: 'Bob' },
{ id: 3, name: 'Charlie' }
];
students.forEach(student => {
const listItem = document.createElement('li');
listItem.textContent = `${student.name} (ID: ${student.id})`;
listItem.innerHTML += '<button onclick="confirmDelete(this)">Delete</button>';
document.getElementById('student-list').appendChild(listItem);
});
function confirmDelete(button) {
const studentId = button.parentElement.textContent.split(' ')[1]; // 提取ID
const isConfirmed = confirm(`Are you sure you want to delete student with ID ${studentId}?`);
if (isConfirmed) {
// 執行刪除操作
console.log(`Deleting student with ID ${studentId}`);
// 這里應該調用服務器API來實際刪除數據
}
}
});
DOMContentLoaded事件確保DOM完全加載后再執行腳本。onclick事件處理器，調用confirmDelete函數。confirmDelete函數使用confirm()函數彈出一個確認對話框，并根據用戶的確認結果執行相應的操作。confirm()函數會阻塞代碼的執行，直到用戶做出選擇，這在現代Web應用中通常不是最佳實踐。
