BOM: browser Object model ： 浏览器对象模型

BOM: browser Object model ： 浏览器对象模型

• 顶级对象：window
• 浏览器的宽高
  • innerWidth
  • innerHeight
• 浏览器相关信息
  • window.navigator
• 浏览器地址栏相关内容
  • 打开一个页面 window.open("地址");
  • 关闭一个页面 window.close();
  • 和 window.location相关
    • window.location.reload()
    • window.location.search: 获取或者设置?后面的内容

          http://127.0.0.1/index.html?name=zhangsan&age=20
      

    • window.location.hash: 获取或者设置#号后面的内容
    • window.location.href： 获取或者设置浏览器地址栏内容
• 浏览器的事件
  • window.onload ：资源和dom结构加载完毕之后执行onload事件
  • window.onscroll：再浏览器滚动的时候执行
    • 获取或者设置卷去的高度
      • document.documentElement.scrollTop:有文档声明
      • document.body.scrollTop：没有文档声明
  • window.onresize：浏览器尺寸改变的时候触发；