1.获取浏览器的窗口尺寸
window.innerWidth//获取窗口宽度
window.innerHeight//获取窗口的高度
2.浏览器的弹出层
提示框:window.alert('提示信息')
询问框:window.confirm('提示信息')
输入框:window.prompt('提示信息')
3.开启和关闭标签
开启:window.open('地址')
关闭:window.close()
4.浏览器的常用事件
资源加载完毕:window.onload=function(){}
可视尺寸改变:window.onresize=function(){}
滚动条位置改变:window.onscroll=function(){}
5.浏览器的历史记录操作
回退页面:window.history.back()
前进页面:window.history.forward()
6.浏览器卷去的尺寸
获取卷去高度: document.documentElement.scrollTop //页面包含<!DOCTYPEhtml>
获取卷去高度: document.body.scrollTop //页面不包含<!DOCTYPEhtml>
兼容写法: var height =document.documentElement.scrollTop||document.body.scrollTop
卷去的宽度:document.documentElement.scrollLeft //规则同上
卷去的宽度: document.body.scrollLeft
7.浏览器滚动到
滚动到:window.scrollTo()
参数方式1:window.scrollTo(left,top) //瞬间到指定位置
left:卷去的宽度
top:卷去的高度
参数方式2:window.scrollTo({
left:xx, //卷去的宽度
top:xx, //卷去的高度
behavior:'smooth' //behavior表示定位方式:平滑滚动
})