8.1BOM

称为浏览器对象模型
BOM由一系列相关对象构成，每个对象提供了很多方法和属性

BOM缺乏标准，不同浏览器不完全相同，前端有一门技术叫浏览器兼容处理

BOM对象**
image.png
第八章 BOM - 图2
image.png

8.2window

image.png

  1. console.log('优课达');
  2. window.console.log('优课达');
  4. console.log(navigator);
  5. console.log(window.navigator);
  7. function hello() {}
  8. console.log(hello);
  9. console.log(window.hello);

image.png
window属性/方法
https://developer.mozilla.org/zh-CN/docs/Web/API/Window

8.3Location/History

Location用来存储当前网页位置的信息
https://developer.mozilla.org/zh-CN/docs/Web/API/Location
image.png
第八章 BOM - 图7

Location方法
—-reload（）

  1. setTimeout(function() {
  2.   window.location.reload();
  3. }, 3000);

跳转到新地址
直接将网页地址赋值给Location

  1. window.location = 'https://www.youkeda.com';

History
允许操作浏览器的曾经在标签页或者框架里访问的绘画历史录，有这个名称我们得知，History会存储改窗口的历史记录
https://developer.mozilla.org/zh-CN/docs/Web/API/History
存储在一个数组中，在实际存储中用的数据结构和数组类似，叫做栈
back()和forward()分别对应到浏览器左上角的返回和前进按钮

8.4Navigator/Screen

image.png

  1. Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_2) AppleWebKit/537.36 (KHTML, like
  2. Gecko) Chrome/79.0.3945.130 Safari/537.36

image.png
~~~~
image.png