美文网首页
记录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