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 |
window.setTimeout(() => {
console.log('Hello world!');
})
window.alert('Hello world');
var str = window.prompt('请输入用户名:');
console.log(str);
var mark = window.confirm('是否删除?');
console.log(mark);
4、prompt
弹出输入框实例(猜数字、递归)
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
获取布尔值输入框实例(列表删除)
var ul = document.querySelector('ul');
ul.onclick = function (e) {
let mark = confirm('是否删除?');
if (mark) { ul.removeChild(e.target); }
}