JavaScript学习笔记——BOM对象

Bom

浏览器对象模型，BOM可以让我们通过JS操作浏览器。
BOM中提供了一组对象，用来完成对浏览器的操作：

• Window：代表整个浏览器的窗口，同时也是网页中的全局对象
• Navigator：代表当前浏览器的信息，通过该对象可以来识别不同的浏览器
• Location：代表当前浏览器的地址栏信息，通过该对象可以获取地址栏信息，或者实现窗口跳转
• History：代表当前浏览器的历史记录，可以通过该对象来操作浏览器的历史记录，由于隐私原因，该对象不能获取到具体的浏览记录，只能实现浏览器向前或向后翻页，且该操作只在当次访问有效。
• Screen：代表用户屏幕的信息，通过该对象可以获取到用户的显示器信息

其余四个BOM对象作为Window对象的属性保存，可以通过window对象使用，也可以直接使用。

1. Navigator

navigator对象中有一个属性是userAgent，可以利用这个属性来判断不同的浏览器，但对IE11没用，针对IE11，我们通过ActiveXObject对象来判断，只有IE有这个对象。

2.History

• length属性：获取当次访问的链接数量
• back()方法：后退一个页面
• forward()方法：前进一个页面
• go()方法：跳到指定页面，需要一个整数作为参数
  - 1 向前跳1个
  - 2 向前条2个
  - -1向后跳1个
  - -2向后跳2个

3.Location

直接打印location可以获取到当前页面地址栏的完整路径
给location赋值一个路径，页面会自动跳转到该路径，并且会生成历史记录

• assign()方法：跳转到其他页面，并生成历史记录
• reload()方法：重新加载当前页面，也就是刷新，
  在该方法中传入一个参数true，就是强制缓存刷新
• replace()方法：使用新的页面替换当前页面，不会生成历史记录