BOM 常用属性和方法
BOM 提供了一些很实用的特性,如定时器、弹出框、窗口尺寸等。
1. 弹出框
BOM 提供了三种弹出框:
window.alert 警告框
window.prompt 提示框
window.confirm 确认框
三种弹出框都会阻塞 JavaScript 的执行,用户与弹出框交互后才会继续执行代码。
调用弹出框时可以省略 window。
1.1 警告框
警告框在 demo 和调试过程中比较常用。
window.alert('弹出!');
代码块
预览
复制
图片描述
alert 方法接受一个参数,即要提示的内容。
警告框没有其他交互,只有单纯的提示作用。
因为警告框长得不是很好看,在各个浏览器下的样式也不统一,所以正式产品很少会用到。
1.2 提示框
提示框也可以用于提示信息,同时还能向用户收集信息。
var 用户输入的内容 = window.prompt(提示信息, 输入框内的默认值);
代码块
预览
复制
var result = window.prompt('操作不可逆,请输入 "确认" 以继续操作', '不了不了');
if (result === '确认') {
alert('操作成功');