【前端大烩菜】BOM基础知识——浏览器尺寸获取和弹窗设置

• BOM（Browser Object Model）： 浏览器对象模型
• 其实就是操作浏览器的一些能力
• 我们可以操作哪些内容
  • 获取一些浏览器的相关信息（窗口的大小）
  • 操作浏览器进行页面跳转
  • 获取当前浏览器地址栏的信息
  • 操作浏览器的滚动条
  • 浏览器的信息（浏览器的版本）
  • 让浏览器出现一个弹出框（alert/confirm/prompt）
• BOM 的核心就是 window 对象
• window 是浏览器内置的一个对象，里面包含着操作浏览器的方法

获取浏览器窗口的尺寸

• innerHeight 和 innerWidth

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

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

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

        

浏览器的弹出层

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