JavaScript浏览器对象模型

JavaScript浏览器对象模型

开发工具与关键技术：Adobe Dreamweaver JavaScript
作者：肖骏平
撰写时间：2020年4月20日

BOM浏览器对象模型；
BOM提供了很多对象，用于访问浏览器的功能这些功能与任何网页内容无关。

	BOM将浏览器中的各个部分转换成了一个一个的对象，我们通过修改这些对象的

属性，调用他们的方法，从而控制浏览器的各种行为

简单来说：BOM可以使我们通过JS来操作浏览器，在BOM中提供了一组对象，用来完成对浏览器的操作

BOM对象：

1. Window对象：
   代表的是整个浏览器窗口，同时Window也是网页中的全局对象

2. Navigation
   代表的当前浏览器的信息，通过该对象可以来识别不同的浏览器

3. Lacation
   代表当前浏览器的地址栏信息，通过Location可以获取地址栏信息操作浏览器页面跳转

4. History
   代表浏览器的历史记录，可以通过该对象来操作浏览器的历史记录，
   由于隐私问题，该对象不能获取到道具的历史记录，只能操作浏览器向前或向后翻页，而且该操作只在档次访问时有效

5. Screen
   代表用户的屏幕的信息，通过该对象可以获取到用户的显示器的相关的信息

   这些BOM对象在浏览器中都是作为window对象的属性保存
   可以通过window对象来使用，也可以以直接使用

   Navigator
   	代表当前浏览器的信息，通过对象可以来识别不同的浏览器
   	由于历史原因，Navigator对象中部分属性都是不能帮助我们识别浏览器了
   	一般我们只会使用userAgent来判断浏览器的信息，userAgent是一个字符串，
   	这个字符串中包含有用来描述浏览器信息的内容，不同的浏览器会有不通过的
   

userAgent
History
对象可以用来操作浏览器向前后或向后翻页
Length返回浏览器历史列表中的URL数量

History对象方法
	描述方法
		Back（）加载history列表中的前一个URL
		Forward（）加载history列表中的下一个URL
		Go（）加载history列表中的某个具体页面

Location对象属性：
	Hash 设置或返回从井号（#）开始的URL（锚）。
	Host 设置或返回主机名和当前URL的端口号
	Hostname 设置或返回当前URL的主机
	Href 设置或返回完整的URL。
	Pathname 设置或返回当前URL的路径部分
	Port 设置或返回当前URL的端口号
	Protocol 设置或返回当前URL的协议
	Search 设置或返回从问号（？）开始的URL（查询部分）

Assign（）
	用来跳转到其他的页面，作用和直接修改location一样

Reload（）
	重新加载当前文档，作用和刷新按钮一样
	如果在方法中传递一个ture作为参数，则会强制清空缓存刷新页面

Replace（）
	用新的文档替换当前文档，调用完毕也会跳转页面
	不会生成历史记录，不能使用回退按钮回退