欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

JS中alert、confirm、prompt的区别

程序员文章站 2022-05-31 18:05:59
...

0x00 alert()、confirm()、prompt()区别

慢慢地开始积累学习javascript,记录一些和xss相关的函数学习过程。
这三个函数都是弹框函数,但是三个函数有一定的区别。


0x01 alert()

windows.alert()单纯的就是一个提示弹框,测试代码如下。

window.alert("欢迎!请按“确定”继续。");

效果图如下,就只有一个确定按钮。
JS中alert、confirm、prompt的区别


0x02 confirm()

windows.confirm()会有一个确认和取消按钮,可以根据选择的不同结果执行不同的行为,测试代码如下。

    var test = confirm("单击“确定”继续。单击“取消”停止。");
    if (test) {
        alert("确定啦");
    } else {
        alert("取消啦!");
    }

效果图如下,有两个选项,确定取消
JS中alert、confirm、prompt的区别
点击确定
JS中alert、confirm、prompt的区别
点击取消
JS中alert、confirm、prompt的区别


0x03 prompt()

windows.prompt()则会显示一个在alert框中的用户输入框,测试代码如下。

var test = String(prompt("are u ok?[y/n]"));
if (test=="n"){
	alert("omg!");
}
else if (test=="y"){
	alert("so good!");
}
else {
	alert("what are u doing?");
}

效果如下
JS中alert、confirm、prompt的区别
输入y
JS中alert、confirm、prompt的区别
输入n
JS中alert、confirm、prompt的区别
什么都不输入。。。
JS中alert、confirm、prompt的区别