基础 - 3个弹框函数

本文导航

  1. alert
  2. prompt
  3. confirm

  • 作者：KK

  • 发表日期：2016.2.20

我们以后的开发工作中都会经常用到3个弹框函数,分别是alert,prompt和confirm下面逐一介绍

alert

这个函数就是弹一条消息出来提示给用户,但是在不同设备上会有不同的弹框外观,不过反正都是一个弹出来的小框框啦

比如用苹果手机/苹果电脑打开会是一个样,用安卓手机打开一个样,用Windows系统的各种浏览器打开又会是一个样

但按照我这套教程走到这里,你还不会使用其它设备来打开自己的测试网页来运行alert代码,这个就没得测试了

然而你平时用手机浏览别的网页时,比如一个注册网页,如果你不输入账号就登陆,有些网站就会用alert函数来弹框提示,你在手机上会看到一个半透明黑色遮罩层,中间一个弹出来的提示要你点确定...

至少在Windows系统电脑上你是知道它怎么用的

prompt

这个函数可以弹出一个输入框给用户输入文字

var text = prompt();
alert('输入的内容是:' + text);

  • 给一条输入提示

    比如要提醒用户输入姓名:prompt('请输入您的姓名');

  • 给出默认值

    prompt('请输入您的姓名', '王小明');

confirm

这个函数一般用来问用户"要不要干什么"的,并且会提供确定和取消两个按钮,当点击确定时,这个函数会返回true,否则会返回false

var ok = confirm('这样好不好?');
alert(ok);

至于这个true/false有什么作用,学会后面的条件判断章节就知道了