JS学习教程之BOM常用操作方法总结

JS学习教程之BOM常用操作方法总结，共七种方法 1 获取浏览器窗口尺寸 2 浏览器弹出层 3 开启和关闭标签页 4 浏览器的历史操作 5 浏览器的常见事件 6 浏览器卷去的高度 7 浏览器滚动到 

下面来说说JS学习教程之BOM常用操作方法总结

1 获取浏览器窗口尺寸
宽度 window.innerWidth
高度 window.innerHeight

2 浏览器弹出层 
提示框 window.alert()
询问框 window.confirm()
输入框 window.prompt()

3 开启和关闭标签页
开启 window.open()
关闭 window.close()

4 浏览器的历史操作
回退 window.history.back()
前进 window.history.forward()

5 浏览器的常见事件
资源加载完毕 window.onload = function(){}
页面尺寸改变 window.onresize = function(){}
滚动条位置改变  window.onscroll = function(){}

6 浏览器卷去的高度 
高度 2种方法 可以兼容写一块儿
document.documentElement.scrollTop
document.body.scrollTop
宽度 2种方法 可以兼容写一块儿
document.documentElement.scrollLeft
document.body.scrollLeft
    
7 浏览器滚动到 
1)瞬间定位 left和top分别为数字
window.scrollTo(left,top)
2)平滑滚动 多个参数 smooth
window.scrollTo({
    left:300,
    top:400,
    behavior:'smooth'
})