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

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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Dialogs - 对话框 Dialogs inform users about a specific task ...
    两个朋友指甲阅读 4,946评论 0 1
  • ECMAScript 是 JavaScript 的核心,但如果要在 Web 中使用 JavaScript,那么 B...
    劼哥stone阅读 4,241评论 2 5
  • python自动化测试中寻找元素并进行操作,如果在元素好找的情况下,相信大家都可以较熟练地编写用例脚本了,但光进行...
    燕京博士阅读 3,456评论 0 3
  • 事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放...
    孤魂草阅读 4,419评论 0 0
  • 最近几天心情莫名的不好,脾气还大的很,真不知道自己是哪里出了问题?每天早上想好的干什么事情,但总是计划没有变化来的...
    香香加油阅读 1,339评论 0 0