1.BOM简介
BOM,浏览器对象模型，用于访问浏览器和计算机屏幕的对象集合。

window.document  //当前所载入的文档
window.frames  //当前页面中所有框架的集合
window.navigator  //反映浏览器及其功能信息的对象
window.screen   //提供浏览器以外的环境信息
window.location
window.history 

2.界面跳转操作
①跳转到指定页面

    <button onclick="func()">跳转</button>
    function func(){
      window.loaction.href = XXX.html
     }
    function func(){
      window.loaction.assign (XXX.html)
     }
    function func(){
      window.loaction.replace(XXX.html)       //不会在浏览器的历史记录表中留下记录，即不可后退
     }

②刷新页面

    <button onclick="func()">刷新</button>
    function func(){
      window.loaction.reload()
     }

③跳转到上一页，下一页，历史页

  <button onclick="func1()">跳转到上一页</button>
    function func1(){
      window.history.back()
     }
  <button onclick="func2()">跳转到下一页</button>
    function func2(){
      window.history.forward()
     }
  <button onclick="func3()">跳转到某历史页</button>
    function func3(){
      window.history.go( index )    index代表要跳转到页面与当前页面的数值差
     }