window对象

系统对话框

是由浏览器或者操作系统决定的,无法使用CSS设置

同步的模态对话框,即在他们显示时代码会停止执行,在他们消失后,代码才会恢复执行

可以向用户显示消息、确认操作和获取输入,不需要html和css,因此是web应用程序最简单快捷的沟通手段

alert(警告框)

通常用于向用户显示一些他们无法控制的信息,如报错

alert()只接收一个参数,调用时传入的字符串会出现在系统对话框中,且对话框中只有一个确定按钮

如果传入的参数不是一个原始字符串,则会调用toString()方法将他转化为字符串

confirm(确认框)

有确定和取消两个按钮

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

如果要知道用户单击的是哪个按钮,可以判断confirm()的返回值;true为确定,false为取消。

  1. <script>
  2. if(confirm("你好吗?")) {
  3. alert("欢迎你");
  4. } else {
  5. alert("再见!");
  6. }
  7. </script>

f6bc285f1e0c9eda334606851a1f0dc.png
816b92e0704997b0b848fcf260995d4.png
27ff9620bf49f05e636695f5cc84dc7.png

prompt(提示框)

用于提示用户输入信息

如果点击确定,则prompt()会返回文本框中的值,如果点击了取消或者对话框被关闭,则会返回null

  1. <script>
  2. let result = prompt('请输入您的姓名','');
  3. if(result !==null) {
  4. alert('欢迎你' + result);
  5. }
  6. </script>

0aa52a5326076324b2bb64689d2891d.png
a36adfadda5c269e31e6a9fd733bd87.png