1、JavaScript的组成
| JavaScript | 组成 |
| ES5/6 | ECMAScript是JS的核心 |
| DOM | 文档对象模型（document对象） |
| BOM | 浏览器对象模型 |
2、BOM对象
| BOM对象 | 类型 |
| window对象 | 全局对象 |
| screen对象 | 用户屏幕信息 |
| location对象 | 用于获取当前页面的地址（URL），并把浏览器重写向到新的页面 |
| history对象 | 浏览器的历史 |
| navigation对象 | 访问者浏览器的信息 |
3、window对象（计时器、弹出框）
| 计时器 | setTimeout、setInterval |
| 弹出框 | alert |
| 弹出输入框 | prompt |
| 获取布尔值弹出框 | confirm |
// 1、全局对象(window) // 1.1、计时器方法 window.setTimeout(() => { console.log('Hello world!'); }) // // 1.2、弹出框方法 // // 弹出框 window.alert('Hello world'); // // 弹出输入框 var str = window.prompt('请输入用户名：'); console.log(str); // // 获取布尔值弹出框 var mark = window.confirm('是否删除？'); console.log(mark);
4、prompt弹出输入框实例（猜数字、递归）
// // 1.2.1、猜数字 var target = Math.floor(Math.random() * 100 + 1); console.log(target); function guesstNumber() { var number = prompt('请输入数字：'); if (number == target) { alert('success'); } else if (number > target) { alert('大了'); guesstNumber(); } else if (number < target) { alert('小了'); guesstNumber(); } else { alert('输入不对'); guesstNumber(); } } window.guesstNumber();
4、confirm获取布尔值输入框实例（列表删除）
// 1.2.2、列表删除 var ul = document.querySelector('ul'); ul.onclick = function (e) { let mark = confirm('是否删除？'); if (mark) { ul.removeChild(e.target); } }
