Web基础复习——BOM

写在前面：
这一部分的内容本应该在JS里的，但我觉得还是应该在写完DOM之后，再把它拿出来简单写一下会更好一些，所以就单独拎出来了。

BOM

Browser Object Model，浏览器对象模型。描述对象之间的层次关系，使JS可以与浏览器进行互动。

BOM由多个对象组成，每个对象都提供了很多的方法和属性。 基本结构图

• 其中window对象是BOM中的最顶级对象，代表浏览器打开的一整个窗口。
• Document是Window的大儿子，这是访问HTML页面的入口，用这个入口可以使用DOM的一系列功能。

Screen常用属性

screen.availWidth：返回可用的屏幕宽度；
screen.availHeight：返回可用的屏幕高度；
screen.width：返回总宽度；
screen.height：返回总高度；
screen.colorDepth：返回色彩深度；
screen.pixelDepth：返回色彩分辨率。

Location

属性：
location.herf：返回完整的URL；
location.host：返回主机名及当前URL端口号；
location.hash：返回锚/从#开始的URL；
location.port：返回当前URL的端口号；
location.protocol：返回当前URL使用的协议
location.hostname：返回当前URL的主机名；
location.pathname：返回当前URL的路径部分；
location.search：返回查询部分/从?开始的URL。
方法：
location.assign()：加载新的文档；
location.reload()：重新加载当前文档；
location.replace()：替换当前文档；

History常用方法

history.back()：加载浏览器历史列表中的前一个URL；
history.forward()：加载浏览器历史列表中的下一个URL；
history.go()：可以用来加载浏览器历史列表中的某个具体页面。

Navigator

navigator.appCodeName：返回浏览器代号；
navigator.appName：返回浏览器名称；
navigator.appVersion：返回浏览器版本；
navigator.cookieEnabled：返回浏览器是否启用Cookie；
navigator.platform：返回硬件平台；
navigator.userAgent：返回用户代理；
navigator.systemLanguage：返回用户代理语言。

navigator对象信息不适用户检测浏览器版本。

---

胖橘有话说：
基础部分的整理就是大概的过一遍，不是说都要去记，常见的还是得了解一下的。在实际中需要用到，然后不清楚不知道的，再去度娘就行。