系统对话框

420 阅读2分钟

小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。

前言

吃饱饭才有力气写代码~

今天我们来学习一下系统对话框,主要是以下三种:alert()、confirm() 和 prompt();

一.警告框

警告框我们经常会见到,它接收一个要显示给用户的字符串,和console.log可以接收任意数量的参数且能一次性打印这些参数不同,alert()只接收一个参数,调用alert()时,传入的字符串会显示在一个系统对话框里,对话框只有一个“确定”按钮,如果传给alert()的参数不是一个原始字符串,则会调用这个值的toString()方法将其转换为字符串。
警告框通常用于向用户显示一些他们无法控制的消息,比如报错。用户唯一的选择就是在看到警告框之后把它关闭,如下所示:

image.png

二.确认框

确认框通常通过confirm()来显示,确认框和警告框类似,都会向用户显示消息,但不同之处在于,确认框有两个按钮:“取消”和“确定”,用户通过单击不同的按钮表示希望接下来执行什么操作,比如:

image.png

想要知道用户是点击了确定还是取消按钮,可以根据返回值来判断:true 表示单击了确定按钮,false 表示单击了取消按钮或者直接关闭了确认框。

image.png

image.png

确认框通常用于让用户确认执行某个操作,这种对话框会完全打断正在浏览网页的用户,所以应该在必要时再使用。

三.提示框

最后一种对话框是提示框,通过调用prompt()方法来显示,提示框的用途是提示用户输入信息,除了“确认”和“取消”按钮外,还有一个输入框来让用户输入内容,如下:

image.png

如果用户单击了“确认”按钮,则prompt()会返回文本框中的值,如下:

image.png

如果用户单击了“取消”按钮或者对话框被关闭,则prompt()会返回null,如下:

image.png

四.总结

这些对话框可以向用户显示消息、确认操作或者获取输入,由于不需要html和css,所以系统对话框是Web应用程序最简单快捷的沟通手段。