js BOM的操作

1. 获取可视窗
   • window.innerWidth 获取可视窗口的宽度
   • window.innerHeight 获取可视窗口的高度
2. 浏览器的弹出层
   • 提示框:window.alert('')
   • 询问框:window.confirm('')
   • 输入框:window.prompt('')
3. 开启和关闭标签页
   • 开启:window.open('')
   • 关闭:window.close()
4. 浏览器常见事件
   • 资源加载完毕:window.onload=()=>{}
   • 可视尺寸改变: window.onresize=()=>{}
   • 滚动条位置改变 :window.onscroll=()=>{}
5. 浏览器的历史记录操作
   • 回退页面: window.history.back()
   • 前进页面: window.history.forward()
6. 浏览器卷去的尺寸
   • 卷去的高度:
     • document.documentElement.scrollTop 代码前面有加
     • document.body.scrollTop 代码前面没加
   • 卷去的宽度:
     • document.documentElement.scrollLeft
     • document.body.scrollLeft
7. 浏览器滚动到
   • 滚动到: window.scrollTo(left,top) left:卷去的宽度 top:卷去的高度 //这是瞬间完成的
     • window.scrollTo({left:left,top:top,behavior:'smooth'}) //smooth:平滑滚动