HTML5網(wǎng)頁消息提示框代碼可以讓網(wǎng)頁具有交互性并提高用戶體驗(yàn)。下面是一個簡單的HTML5消息提示框代碼示例:
<html> <head> <title>HTML5消息提示框</title> <script> function showMessage() { alert("Hello, world!"); } </script> </head> <body> <h1>HTML5消息提示框</h1> <p>點(diǎn)擊下面的按鈕會彈出一條消息</p> <button onclick="showMessage()">點(diǎn)擊我</button> </body> </html>
在上面的代碼中,我們首先定義了一個showMessage函數(shù),其中包含了alert語句,用于在窗口中顯示一條消息。接著,我們在按鈕上使用了onclick屬性,將showMessage函數(shù)綁定到按鈕單擊事件上。當(dāng)用戶點(diǎn)擊按鈕時,會觸發(fā)showMessage函數(shù),并彈出一條消息彈窗。
除了alert外,還可以使用其他類型的消息提示框,例如confirm和prompt。下面是這兩種消息提示框的代碼示例:
<html> <head> <title>HTML5消息提示框</title> <script> function showConfirm() { var result = confirm("你確定要刪除這個文件嗎?"); if (result) { alert("文件已刪除。"); } else { alert("文件未刪除。"); } } function showPrompt() { var name = prompt("請輸入你的名字:", ""); if (name != null) { alert("你好," + name + "!"); } } </script> </head> <body> <h1>HTML5消息提示框</h1> <p>點(diǎn)擊下面的按鈕會彈出確認(rèn)框</p> <button onclick="showConfirm()">刪除文件</button> <p>點(diǎn)擊下面的按鈕會彈出輸入框</p> <button onclick="showPrompt()">輸入名字</button> </body> </html>
在上面的代碼中,我們分別定義了showConfirm和showPrompt兩個函數(shù),用于顯示確認(rèn)框和輸入框。confirm和prompt都返回用戶的響應(yīng)結(jié)果,我們可以根據(jù)用戶的選擇進(jìn)行進(jìn)一步的操作。
使用HTML5消息提示框可以讓網(wǎng)頁更加動態(tài)和交互,同時也能提高用戶體驗(yàn)。