html⾃动提⽰弹框,JavaScript中常⽤的3种弹出提⽰框
(alert、confir。。。
三种提⽰框
alert ()
confirm()
prompt ()
alert ()
alert()⽅法是显⽰⼀条弹出提⽰消息和确认按钮的警告框。
需要注意的是 :alert()是⼀个阻塞的函数,如果我们不点确认按钮,后⾯的内容就不会加载出来。
使⽤⽅式:
alert("想要提⽰的⽂本内容")
样例代码:
alert("这是弹出框提⽰⽂本")
alert是阻塞的函数
这句话只有在确认弹出框的提⽰⽂本后才会显⽰
效果截图:
confirm()
confirm()⽅法是显⽰⼀个含有指定消息和确认和取消按钮的确认框。
如果点击"确定"返回true,否则返回false。
使⽤⽅式:
不接收返回值:
confirm("这样写可以直接显⽰,不接收返回值。")
接收返回值:
var x;
var r=confirm("请按下按钮!");
if (r==true){
x="你按下的是"确定"按钮。";
}
else{
x="你按下的是"取消"按钮。";
}
write的返回值document.write(x)
样例代码:
// 使⽤⽅式⼀
confirm("这样写可以直接显⽰,不接收返回值。") // 使⽤⽅式⼆
var x;
var r=confirm("请按下按钮!");
if (r==true){
x="你按下的是"确定"按钮。";
}
else{
x="你按下的是"取消"按钮。";
}
document.write(x)
效果截图:
prompt ()
prompt()⽅法是显⽰提⽰⽤户进⾏输⼊的对话框。这个⽅法返回的是⽤户输⼊的字符串。
使⽤⽅式:
不显⽰默认⽂本:
prompt("开⼼吗?"); // 这个显⽰内容也可以不写,但就没有交互的意义了。
显⽰默认⽂本:
var x;
var name=prompt("请输⼊你的名字","Keafmd");
if (name!=null && person!=""){
x="你好! " + name + "。";
document.write(x)
}
样例代码:
//⽅式⼀
prompt("开⼼吗?"); // 这个显⽰内容也可以不写,但就没有交互的意义了。
//⽅式⼆
var x;
var name=prompt("请输⼊你的名字","Keafmd"); //显⽰默认⽂本 "Keafmd"
if (name!=null && name!=""){
x="你好! " + name + "。";
document.write(x)
}
效果截图:
总结
到此这篇关于JavaScript中常⽤的3种弹出提⽰框(alert、confirm、prompt)的⽂章就介绍到这了,更多相关js弹出提⽰框(alert、confirm、prompt)内容请搜索云海天教程以前的⽂章或继续浏览下⾯的相关⽂章希望⼤家以后多多⽀持云海天教程!
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论