美文网首页
JavaScript 认识2 三种弹框方式

JavaScript 认识2 三种弹框方式

作者: 蝼蚁撼树 | 来源:发表于2016-12-02 16:07 被阅读0次

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

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

相关文章

  • JavaScript 认识2 三种弹框方式

    HTML 有三种基本弹框方式 alert:只有一个确认按钮confirm:俩个按钮,一个确认按钮,一个取消按钮pr...

  • JavaScript-三种弹窗方式

    JavaScript-三种弹窗方式 一.alert 带内容的弹框 用法: 二.confirm 带选择的弹框 用法:...

  • 5.25日初学JS+案例

    //三种输出方式: // alert();//页面弹框 // document.write();//在页面打印...

  • 《洋葱阅读法》—Day4

    001主题阅读的三种方式:碎弹、爆破弹、核弹。 002书本主题阅读:从感性认知,到确定书单,快速阅读、扫读,建立框...

  • iOS常用弹框

    1、系统弹框-底部弹框 UIActionSheet 1、用法 2、举例 如图1:图1.png 2、系统弹框-中间...

  • iPad开发中的弹框接口UIPopoverController

    iPad特有的弹框接口 UIPopoverController用来实现弹框,有两种方式。UIPopoverCont...

  • 开发笔记

    JavaScript标准参考教程 阮一峰教程 前端页面弹框遮罩禁止页面滚动 两个页面传递参数实现的几种方式 SPA...

  • openlayers4.6-实现弹框

    弹框1 html style .popover()为bootstrap中插件,需要引入bootstrap 弹框2 ...

  • JavaScript 弹窗

    可以在 JavaScript 中创建三种消息框:警告框、确认框、提示框。 警告框 警告框经常用于确保用户可以得到某...

  • 2019-07-23JS 三种绑定事件方式之间的区别

    JavaScript三种绑定事件的方式: 方式1 方式2 方式3 有什么区别 1 和 2 的方式是我们经常用到的,...

网友评论

      本文标题:JavaScript 认识2 三种弹框方式

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