JavaScript中有三种原生的弹出框，分别是alert、confirm、prompt。分别表示弹出框、确认框、信息框。

以下是示例代码：

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <title>JavaScript中的三种弹出框</title>
  5.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  6.  
  7.     </head>
  8.     <body>
  9.         <input type="submit" value="alert" onclick="alertExample()" />
  10.         <input type="submit" value="confirm" onclick="confirmExample()" />
  11.         <input type="submit" value="prompt" onclick="promptExample()" />
  12.     </body>
  13.     <script type="text/JavaScript">
  14.         function alertExample(){
  15.             alert("这是弹出框");
  16.         }
  17.  
  18.         function confirmExample(){
  19.             var r=confirm("按下按钮");
  20.               if (r==true){
  21.                 alert("您按了确认！");
  22.             }else if(r==false){
  23.                 alert("您按了取消！");
  24.             }
  25.         }    
  26.  
  27.         function promptExample() {
  28.             var score;//分数
  29.             var degree;//等级
  30.             score = prompt("你的分数是多少？");
  31.             if (score > 100){
  32.                 degree = '耍我？100分满分！';
  33.             }else{
  34.                 switch (parseInt(score / 10)) {
  35.                     case 0:
  36.                     case 1:
  37.                     case 2:
  38.                     case 3:
  39.                     case 4:
  40.                     case 5:
  41.                         degree = "恭喜你，又挂了！";
  42.                         break;
  43.                     case 6:
  44.                         degree = "勉强及格";
  45.                         break;
  46.                     case 7:
  47.                         degree = "凑合，凑合"
  48.                         break;
  49.                     case 8:
  50.                         degree = "不错，不错";
  51.                         break;
  52.                     case 9:
  53.                     case 10:
  54.                         degree = "高手高手，佩服佩服";
  55.                 }
  56.             }
  57.             alert(degree);
  58.         }
  59.     </script>
  60. </html>

JavaScript中的三种弹出框的区别与使用的更多相关文章

  1. JavaScript中的三种弹出对话框

    学习过js的小伙伴会发现,我们在一些实例中用到了alert()方法.prompt()方法.prompt()方法,他们都是在屏幕上弹出一个对话框,并且在上面显示括号内的内容,使用这种方法使得页面的交互性 ...

  2. 关于jsp和html页面中的三种弹出框

    代码: <!-- 引入jquery 由于在下面使用jquery选择器,与弹出框无关 --> <script type="text/javascript" src= ...

  3. js中三种弹出框

    javascript的三种对话框是通过调用window对象的三个方法alert(),confirm()和prompt()来获得,可以利用这些对话框来完成js的输入和输出,实现与用户能进行交互的js代码 ...

  4. js值类型转换(boolean/String/number),js运算符，if条件，循环结构,函数,三种弹出框

    js值类型转换 number | string | boolean boolean类型转换 num = 0; var b1 = Boolean(num); console.log(b1) 转化为数字类 ...

  5. js基础 三种弹出框 数据类型

    总结:js三个组成部分ES:语法DOM:对象模型 => 通过js代码与页面文档(出现在body中的所有可视化标签)进行交互BOM:对象模型 => 通过js代码与浏览器自带功能进行交互 引入 ...

  6. ASP.NET中的几种弹出框提示

    B/S不像C/S那样一个MessageBox就可以弹出提示框,不过可以通过js的“Alert”来弹出消息,或者通过一些变种的js方法.下面我给大家介绍几种,希望大家喜欢. 四种弹出框代码: prote ...

  7. android 三种弹出框之一PopupWindow

    PopupWindow 在android的弹出框我目前了解到的是有三种:AlertDialog,PopupWindow,Activity伪弹框, AlertDialog太熟悉了,这里就不介绍了 就先看 ...

  8. JavaScript三种弹出框（alert，confirm和prompt）用法举例

    http://blog.csdn.net/lucky51222/article/details/45604681 我们在做网页交互的时候往往需要用户在操作之前弹出一个提示消息框来让用户做一些点击才能继 ...

  9. JS中的三种弹出式消息提醒(警告窗口、确认窗口、信息输入窗口)的命令是什么？

    一种: <a href="javascript:if(confirm('确实要删除该内容吗?')){location='http://www.google.com'}"> ...

随机推荐

  1. Mac 系统下 mysql 的安装与配置

    1.mysql 的安装 1)官网下载 mysql 安装包:http://www.mysql.com/downloads/ 2)下载后解压打开安装包,点击 pkg 文件进行安装 3)注意:最后一步弹窗会 ...

  2. Kubelet bootstrap认证配置步骤

    kubelet 授权 kube-apiserver 的一些操作 exec run logs 等 RBAC 只需创建一次就可以 kubectl create clusterrolebinding kub ...

  3. oracle数据库中存储过程使用MD5算法加密

    一.技术点 1. DBMS_OBFUSCATION_TOOLKIT.MD5 DBMS_OBFUSCATION_TOOLKIT.MD5是MD5编码的数据包函数,但偶在使用select DBMS_OBFU ...

  4. vue初体验

    作为一个前端的小菜鸟,在平时的开发与学习中,除了要深入了解javascript 及 css 的各种特性,熟悉一门框架也是必不可少的.vue以其小巧,轻便,学习平滑等各种特性深受欢迎. 这里总结一下小菜 ...

  5. mybatis中查询使用#{}和${}的区别

    ${}中的变量什么值,就会简单的替代变量,不会做处理 比如delete * from tb_label where name=${labelname} 如果labelname的值是 something ...

  6. 设计原则之依赖倒置js

    依赖倒置 定义:高层模块不应该依赖低层模块,二者都应该依赖其抽象:抽象不应该依赖细节:细节应该依赖抽象.(百科全书) 这个定义什么意思,太专业 感觉不像人话.. 什么叫高层模块,什么叫底层模块,什么叫 ...

  7. Error running Tomcat8: Address localhost:xxxx is already in use

    参考自: https://blog.csdn.net/huazhongkejidaxuezpp/article/details/41813683 第一步,命令提示符号,执行命令:netstat -an ...

  8. android 去掉activity的切换动画

    在styles.xml文件中增加样式代码: <style name="AppTheme" parent="Theme.AppCompat.Light.NoActio ...

  9. 网络虚拟化技术（二）: TUN/TAP MACVLAN MACVTAP （转）

    网络虚拟化技术(二): TUN/TAP MACVLAN MACVTAP 27 March 2013 TUN 设备 TUN 设备是一种虚拟网络设备,通过此设备,程序可以方便得模拟网络行为.先来看看物理设 ...

  10. Android 获得本地IP地址、外网IP地址、本设备网络状态信息、本地Mac地址

    本地内网IP和外网IP的区别: 根据我的经验一台电脑需要两个ip才可以上网,一个是本地的内网ip 一个是外网的ip 本地的ip 一般是192.168.1.2这种样子  只要在不同的路由器上可以重复 外 ...