戳下方图片，输入暗号【面试宝典】即可免费领取107页前端面试题。
BOM-浏览器对象模型
BOM（Browser Object Model）：浏览器对象模型
其实就是操作浏览器的一些能力，说的直白一点儿就是浏览器提供了一套操作浏览器的属性和方法，让操作浏览器更加方便
我们可以操作哪些内容
BOM 的核心就是 window 对象。也就说window是BOM的最高级对象，window 是浏览器内置的一个对象，里面包含着操作浏览器的方法，在书写的时候window可以省略不写比如：正常写法：window.alert()简写alert()
获取浏览器可视窗口的尺寸
innerHeight 和 innerWidth
这两个方法分别是用来获取浏览器可视窗口的宽度和高度（包含滚动条的）
var windowHeight = window.innerHeight
console.log(windowHeight)
var windowWidth = window.innerWidth
console.log(windowWidth)
浏览器的弹出层
提示框 alert
window.alert('我是一个提示框')
这个弹出层只是一个提示内容，只有一个确定按钮，点击确定按钮以后，这个提示框就消失了。
选择框 confirm
confirm 是在浏览器弹出一个询问框（选择框），这个弹出层有一个询问信息和两个按钮
var boo = window.confirm('我是一个询问框')
console.log(boo)
输入框 prompt
prompt 是在浏览器弹出一个输入框，这个弹出层有一个输入框和两个按钮
var str = window.prompt('请输入内容')
console.log(str)
浏览器的地址信息
在 window 中有一个对象叫做 location，就是专门用来存储浏览器的地址栏内的信息的，也就是说location是javascript里面管理地址栏的内置对象.
location.href 属性
location.href 这个属性存储的是浏览器地址栏内 url 地址的信息，href是一个读写属性，就是可读取也可以设置
console.log(window.location.href)
//file:///G:/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/02_%E7%AC%AC%E4%BA%8C%E5%91%A8/05_DAY/03_%E4%BB%A3%E7%A0%81/16_%E5%87%86%E5%A4%87.html会把中文变成 url 编码的格式，location.href 这个属性也可以给他赋值
// 这个就会跳转页面到后面你给的那个地址
window.location.href = './index.html'
//这样会跳转到百度页面
window.location.href = 'https://www.baidu.com'location.reload 方法
location.reload() 这个方法会重新加载一遍页面，就相当于刷新是一个道理
语法：window.location.reload()，window.location.reload()
注意：不要写在全局，不然浏览器就会一直处在刷新状态
近期课程上新：
HTML5+CSS基础|JavaScript|计算机基础
Vue2.0+Vue3.0|微信小程序|微信公众号开发|Node.js|node.JS后端|React基础|React项目|Webpack基础|Webpack高级
Vite2|TypeScript教程|Node.JS|Flutter |Mpvue教程
限 时 特 惠： 本站每日持续更新海量各大内部创业教程，一年会员只需98元，全站资源免费下载 点击查看详情
站 长 微 信： lzxmw777
