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

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

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

推荐阅读更多精彩内容