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表示定位方式:平滑滚动

    })