1、BOM:浏览器对象模型,它是缺乏规范
操纵浏览器的功能(前进,后退,刷新,打印...)
window对象是BOM的顶级对象,也是宿主对象
document文档对象
history历史记录
location地址
frames 框架
screen屏幕
navigator 导航(浏览器的版本信息,地理位置)
不是Window, 而是widnow
window.alert(123) 提示框;
window. confirm("确认框");
window. prompt() 输入框
parseInt()
parseFloat()
close() 关闭窗口
print() 打印
2、window对象
完整浏览器地址
**3、location的方法** 重点
location.assign() //不会产生记录,就不能回退
location.replace() //刷新
location.reload()
location.href="" //跳转的属性
** 4、location的属性** 重点
5、history 重点
history是伪数组,它是一个对象,它有一个length属性
length表示有多少条历史记录
back() 回退
forward() 前进
go() -1 后退 0刷新 1前进
6、navigator
console. log (navigator. appName); //浏览器名称
console. log (navigator. appVersion); //浏览器版本
console. log(navigator. platform); //操作系统
DOM 节点分类
元素节点 文本节点 属性节点
1）根据id获取页面的元素,id是唯一的
2) 根据类名获取元素
3）根据标签名称 获取元素
4）根据name属性
`注意:onclick很容易产生事件的覆盖，后面的会覆盖前面`
5）HTML5推出
querySelector只会获取第一个
document.querySelector("#btn")
document.querySelectorAll()//可以使用forEach循环
