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

慢慢地开始积累学习​​javascript​​,记录一些和​​xss​​相关的函数学习过程。

这三个函数都是弹框函数,但是三个函数有一定的区别。


0x01 alert()



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

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


效果图如下,就只有一个确定按钮。

0x00 alert()、confirm()、prompt()区别_输入框


0x02 confirm()

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



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


效果图如下,有两个选项,​​确定​​和​​取消​​。

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

点击​​确定​​。

0x00 alert()、confirm()、prompt()区别_输入框_03

点击​​取消​​。

0x00 alert()、confirm()、prompt()区别_it技术_04


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?");
}


效果如下

0x00 alert()、confirm()、prompt()区别_输入框_05

输入​​y​

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

输入​​n​

0x00 alert()、confirm()、prompt()区别_it技术_07

什么都不输入。。。

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


愿路途漫长,以后莫失莫忘。 愿你不骄不躁,安稳顺心。


归档:我的知识栈:目录(更新中...)


作者:菜鸟-传奇