富贵资源网 Design By www.hznty.com
三种提示框
- alert ()
- confirm()
- prompt ()
alert ()
alert()方法是显示一条弹出提示消息和确认按钮的警告框。
需要注意的是 ：alert()是一个阻塞的函数，如果我们不点确认按钮，后面的内容就不会加载出来。
使用方式：
alert("想要提示的文本内容")
样例代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
alert("这是弹出框提示文本")
</script>
<title></title>
</head>
<body>
<p>alert是阻塞的函数</p>
<p>这句话只有在确认弹出框的提示文本后才会显示</p>
</body>
</html>
效果截图：
confirm()
confirm()方法是显示一个含有指定消息和确认和取消按钮的确认框。
如果点击"确定"返回true，否则返回false。
使用方式：
不接收返回值：
confirm("这样写可以直接显示,不接收返回值。")
接收返回值：
var x;
var r=confirm("请按下按钮!");
if (r==true){
x="你按下的是\"确定\"按钮。";
}
else{
x="你按下的是\"取消\"按钮。";
}
document.write(x)
样例代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
// 使用方式一
confirm("这样写可以直接显示,不接收返回值。")
// 使用方式二
var x;
var r=confirm("请按下按钮!");
if (r==true){
x="你按下的是\"确定\"按钮。";
}
else{
x="你按下的是\"取消\"按钮。";
}
document.write(x)
</script>
<title></title>
</head>
<body>
</body>
</html>
效果截图：
prompt ()
prompt()方法是显示提示用户进行输入的对话框。
这个方法返回的是用户输入的字符串。
使用方式：
不显示默认文本：
prompt("开心吗"); // 这个显示内容也可以不写，但就没有交互的意义了。
显示默认文本：
var x;
var name=prompt("请输入你的名字","Keafmd");
if (name!=null && person!=""){
x="你好! " + name + "。";
document.write(x)
}
样例代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
//方式一
prompt("开心吗"); // 这个显示内容也可以不写，但就没有交互的意义了。
//方式二
var x;
var name=prompt("请输入你的名字","Keafmd"); //显示默认文本 "Keafmd"
if (name!=null && name!=""){
x="你好! " + name + "。";
document.write(x)
}
</script>
<title></title>
</head>
<body>
</body>
</html>
效果截图：
总结
富贵资源网 Design By www.hznty.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
富贵资源网 Design By www.hznty.com
暂无评论...
P70系列延期，华为新旗舰将在下月发布
3月20日消息，近期博主@数码闲聊站 透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。
而博主@定焦数码 爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。