美文网首页
记录5 多种弹出框(alert、confirm、prompt)

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

作者: suhuanzhen | 来源:发表于2017-01-07 00:04 被阅读0次

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

相关文章

网友评论

      本文标题:记录5 多种弹出框(alert、confirm、prompt)

      本文链接:https://www.haomeiwen.com/subject/megxbttx.html