JS之BOM篇-对话框

定义

window对象下的对话框有alert()、confirm()、prompt()和print()。这些系统对话框与浏览器中显示的网页是没有关系的，它们不是HTML，也不能通过CSS改变它们的样式，它们的外观由操作系统及浏览器设置决定。通过这几个方法打开的对话框是同步和模态的，因此这些对话框在显示的时候，代码会停止执行，关掉对话框后代码会恢复执行

alert()

alert()方法接受一个字符串，并将其显示给用户并等待用户关闭对话框

该方法包含默认的String()隐式类型转换，非字符串类型会被转换为字符串

<button id="btn">点击</button>
<script>
  btn.onclick = function() {
    alert([1,2,3]); // 1,2,3
  }
</script>

alert()方法的参数可以用\n指定换行

alert(第一行\n第二行)

confirm()

confirm()方法也接收一个字符串并显示给用户，该方法会返回一个布尔值，单击确定按钮返回true，单击取消按钮返回false

<button id="btn">点击</button>
<script>
  btn.onclick = function() {
    if(confirm('最近好吗')) {
      alert('点击了确定')
    }else{
      alert('点击了取消')
    }
  }
</script>

prompt()

prompt()方法接收两个参数：显示给用户的提示文本、文本输入域的默认值（可选）。如果用户点击了“确认”按钮，则返回文本输入域的值；如果点击了“取消”按钮，则返回null

<button id="btn">点击</button>
<script>
  btn.onclick = function() {
    var result = prompt('你多大了？', '18')
    if(result !== null) {
      alert('哈哈，你' + result + '了')
    }else{
      alert('你取消了回答')
    }
  }
</script>

print()

window.print()方法可以用来显示打印对话框

<button id="btn">点击</button>
<script>
  btn.onclick = function() {
    window.print()
  }
</script>