JavaScript 认识2 三种弹框方式

HTML 有三种基本弹框方式

alert:只有一个确认按钮
confirm:俩个按钮,一个确认按钮,一个取消按钮
prompt:俩个按钮和一个输入框,一个确认按钮,一个取消按钮

下面分别介绍三种弹框方式

1.alert 表现形式是alert([string])

alert("helloworld!");

显示如下

alert
2.confirm 表现形式 confirm([string])

if (confirm("Are  you Sure?"))
{   //如果点击确定会返回YES
     alert("You say YES");
}
  else { 
  //如果点击取消会返回NO
     alert("You say NO");
}

显示如下

confirm
3. prompt 表现形式 prompt([string],(optional)[string]) (optional)表示可选填项目,选填项目为输入框的默认值

var ans = prompt("Are You OK?","YES");
//点击取消 或者 点击确认但是没有输入内容时,会返回flase
//点击选中时 如果有内容 会返回所填内容
if  (ans){ 
   alert("You said " + and);
}
else{  
   alert("You refuse to answer.");
}

显示如下

prompt

上面三个弹框是不是很类似的想过呀,小伙伴快试试吧~~~