Home >Web Front-end >HTML Tutorial >Simple dialog box for html page (alert, confirm, prompt)_html/css_WEB-ITnose
Simple dialog box for html page (alert, confirm, prompt)_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:41:482494browse
The three simple dialog boxes on the html page are as follows:
1. alert(), the simplest prompt box:
alert("你好！");
2. confirm(), there are two buttons: confirm and cancel:
if(confirm("还有继续吗？")){ alert("继续");}else{ alert("再见");}
3. prompt(), you can enter information:
var name = prompt("你的名字是：");alert("你好，" + name); Complete html code:
<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="content-type" content="text/html; charset=UTF-8"> <title>对话框测试</title> <script> function confirmDialog(){ if(confirm("还要继续吗？")){ alert("继续"); }else{ alert("再见"); } } function promptDialog(){ var name = prompt("你的名字是："); alert("你好，" + name); } </script> </head><body> 对话框测试： <div style="margin-top:50px"> <input type="button" value="alert" onclick="alert('你好！')" /> <input type="button" value="confirm" onclick="confirmDialog()" /> <input type="button" value="prompt" onclick="promptDialog()" /> </div></body></html> (Original article, please indicate the reprint from Clement-Xu’s csdn blog.)
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn