在網(wǎng)頁設(shè)計中,我們經(jīng)常需要使用彈窗來進行用戶確認和取消操作。這里我們將展示一種使用HTML和JavaScript實現(xiàn)彈窗確認和取消公告的示例代碼:
<html> <head> <script type="text/javascript"> // 顯示彈窗確認框 function showConfirm() { // 確認框提示消息 var message = "您確定要執(zhí)行該操作嗎?"; // 顯示確認框 var isConfirmed = confirm(message); // 判斷用戶選擇:確認或取消 if (isConfirmed) { alert("您選擇了確認操作!"); } else { alert("您選擇了取消操作!"); } } </script> </head> <body> <h1>彈窗確認框示例</h1> <p>點擊以下按鈕觸發(fā)彈窗確認框</p> <button onclick="showConfirm()">確認操作</button> </body> </html>
代碼解釋:
1. 在head標簽中,我們定義了一個JavaScript函數(shù)showConfirm(),用于顯示彈窗確認框。
2. 在body標簽中,我們使用一個button按鈕來觸發(fā)showConfirm()函數(shù)。
3. 在showConfirm()函數(shù)中,我們首先定義了一個提示消息message,然后使用confirm()函數(shù)來顯示確認框,并將用戶的選擇保存在isConfirmed變量中。
4. 最后,根據(jù)用戶的選擇,我們使用alert()函數(shù)彈出相應(yīng)的提示消息。
以上就是一個簡單的使用HTML和JavaScript實現(xiàn)彈窗確認和取消公告的示例代碼,歡迎大家參考和使用!