小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。
前言
吃饱饭才有力气写代码~
今天我们来学习一下系统对话框,主要是以下三种:alert()、confirm() 和 prompt();
一.警告框
警告框我们经常会见到,它接收一个要显示给用户的字符串,和console.log可以接收任意数量的参数且能一次性打印这些参数不同,alert()只接收一个参数,调用alert()时,传入的字符串会显示在一个系统对话框里,对话框只有一个“确定”按钮,如果传给alert()的参数不是一个原始字符串,则会调用这个值的toString()方法将其转换为字符串。
警告框通常用于向用户显示一些他们无法控制的消息,比如报错。用户唯一的选择就是在看到警告框之后把它关闭,如下所示:
二.确认框
确认框通常通过confirm()来显示,确认框和警告框类似,都会向用户显示消息,但不同之处在于,确认框有两个按钮:“取消”和“确定”,用户通过单击不同的按钮表示希望接下来执行什么操作,比如:
想要知道用户是点击了确定还是取消按钮,可以根据返回值来判断:true 表示单击了确定按钮,false 表示单击了取消按钮或者直接关闭了确认框。
确认框通常用于让用户确认执行某个操作,这种对话框会完全打断正在浏览网页的用户,所以应该在必要时再使用。
三.提示框
最后一种对话框是提示框,通过调用prompt()方法来显示,提示框的用途是提示用户输入信息,除了“确认”和“取消”按钮外,还有一个输入框来让用户输入内容,如下:
如果用户单击了“确认”按钮,则prompt()会返回文本框中的值,如下:
如果用户单击了“取消”按钮或者对话框被关闭,则prompt()会返回null,如下:
四.总结
这些对话框可以向用户显示消息、确认操作或者获取输入,由于不需要html和css,所以系统对话框是Web应用程序最简单快捷的沟通手段。