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

记录5 多种弹出框(alert、confirm、prompt)

程序员文章站 2022-03-02 12:41:01
...

alert和confirm

当调用 confirm 方法时,会弹出一个小的窗口(对话框),与alert只有一个“OK”按钮不同,该方法会有“Cancel”和“OK”
confirm 对话框的结果会作为一个布尔值返回。单击 OK 按钮,会返回 true。如果单击 Cancel 按钮,会返回 false。

var  likesCats = confirm("Do you like Cat?");
if(likesCats){
   console.log("aas");
} else {
  console.log("basd");
}

prompt

当调用 prompt 方法时,会弹出一个小的窗口(对话框),与alert和confirm只有按钮不同,该方法会有一个输入框和“Cancel”和“OK”按钮
我们在输入框输入值并点击“OK”,prompt就会把输入的值作为返回值,这里我们保存到name变量。如果我们点击“Cancel”按钮那么prompt函数的返回值就是null。

var  name = prompt("What's your name?");
console.log("Hello "+name);
# 输入值并点击“OK”
>> Hello 吃点饭费
# 点击“Cancel”,因为字符串相加的原因,null被转换为字符串并连接字符串
>> Hello null