JavaScript中的浏览器对象模型BOM

• BOM（Browser Object Model）： 浏览器对象模型

• 其实就是操作浏览器的一些能力

• 我们可以操作哪些内容

  • 获取一些浏览器的相关信息（窗口的大小）

  • 操作浏览器进行页面跳转

  • 获取当前浏览器地址栏的信息

  • 操作浏览器的滚动条

  • 浏览器的信息（浏览器的版本）

  • 让浏览器出现一个弹出框（alert / confirm / prompt）

  • ...

• BOM 的核心就是 window 对象

• window 是浏览器内置的一个对象，里面包含着操作浏览器的方法

1. 获取浏览器窗口的尺寸

• innerHeight 和 innerWidth

• 这两个方法分别是用来获取浏览器窗口的宽度和高度（包含滚动条的）

var windowHeight = window.innerHeight
console.log(windowHeight)

var windowWidth = window.innerWidth
console.log(windowWidth)

2. 浏览器的弹出层

• alert 是在浏览器弹出一个提示框

  window.alert('我是一个提示框')

  

   

  • 这个弹出层知识一个提示内容，只有一个确定按钮

  • 点击确定按钮以后，这个提示框就消失了

• confirm 是在浏览器弹出一个询问框

 

var boo = window.confirm('我是一个询问框')
console.log(boo)