html页面简单的三种对话框如下:
1、alert(),最简单的提示框:
alert("你好!");
2、confirm(),有确认和取消两个按钮:
if(confirm("还有继续吗?")){ alert("继续");}else{ alert("再见");}
3、prompt(),可以输入信息:
var name = prompt("你的名字是:");alert("你好," + name);
<!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>
HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号