BOM（Browser Object Model）是指浏览器对象模型，它使 JavaScript 有能力与浏览器进行“对话”。
window关键字 可以不写
window 对象
常用的Window方法
window.innerHeight - 浏览器窗口的内部高度
window.innerWidth - 浏览器窗口的内部宽度
window.open() - 打开新窗口
window.close() - 关闭当前窗口
window的子对象
navigator 对象包含浏览器相关信息
navigator.appName // Web浏览器全称
navigator.appVersion // Web浏览器厂商和版本的详细字符串
navigator.userAgent // 客户端绝大部分信息
navigator.platform // 浏览器运行所在的操作系统
screen 屏幕对象
screen.availWidth - 可用的屏幕宽度
screen.availHeight - 可用的屏幕高度
history 浏览器历史
history.back() // 后退一页
history.forward() // 前进一页
location 获得当前页面的地址 (URL)
location不加参数获取地址，加入参数就跳转到地址
如：location = 'https://www.baidu.com'
location.href 获取URL
location.href="URL" // 跳转到指定页面
location.reload() 重新加载页面
弹出框 包括：警告框alert、确认框confirm、提示框prompt
例：alert(123)
confirm('are you sure?')
prompt('标题','内容') 用户可以输入内容，并提交
计时相关
setTimeout() 语法：var t=setTimeout("JS语句",毫秒)
例：function func() {
alert('3秒后执行')
}
设置定时器：var t = setTimeout(func,3000) //func后面不加括号
清除定时器：clearTimeout(t)
setInterval() 设置循环定时器 语法：setInterval("JS语句",时间间隔)
clearInterval() 取消由 setInterval() 设置的 timeout
DOM （Document Object Model）是指文档对象模型，通过它，可以访问HTML文档的所有元素。
学习如何查找节点 如何查找标签 选择器
直接查找
document.getElementById() 根据ID获取一个标签
document.getElementsByClassName() 根据class属性获取
document.getElementsByTagName() 根据标签名获取标签合集
注意：通过标签和类获取的是数组，而通过ID获取的直接是对象本身
间接查找
parentElement 父节点标签元素
children 所有子标签
firstElementChild 第一个子标签元素
lastElementChild 最后一个子标签元素
nextElementSibling 下一个兄弟标签元素
previousElementSibling 上一个兄弟标签元素
节点操作
创建标签
var imgEle = document.createElement("img");
例：添加标签默认的属性 imgEle.src = 'cby.jpg' 或者也可以用下面自定义的方式
添加自定义属性 imgEle.setAttribute('username','jason')也可以由于添加默认的属性
添加标签
先确定div var divEle = document.getElementsByClassName('c1')
再添加 divEle.append(imgEle)默认添加在最下方
