BOM的一些知识点

BOM 浏览器对象模型 1.BOM导读

前一段时间在dom停留的时间比较长，现在我们来一起看一下bom有哪些我们需要掌握的知识点吧！
BOM(Browser Object Model)浏览器对象模型 为我们提供了一系列与浏览器有关的信息，不同于DOM的是，BOM给我们提供的是我们可以获取到的对象

2.window对象

window对象是浏览器留给js的总入口，可以说我们的dom *** 作也是基于这里的。
doucment也可以写成为window.doucment, 这里我们就可以总结出来一个：全局变量都是window的属性，全局函数都是window的方法
我们来介绍一些常用的window方法，给大家展示一下思维导图

介绍完了window对象，我们再来看下window的子对象
1.screen对象 功能：包含显示设备的信息
大家可以在控制台打印一下，就可以拿到我们当前设备的一些信息。
个别属性列举：screen.height, screen.width 返回屏幕可用宽高，值为屏幕的实际大小减去 *** 作系统某些功能占据的空间。

2.location对象 功能：保存当前文档信息，将URL解析为独立片段。
这个对象的属性一会在后面给大家准备了导图，可以详细看下。在这里我们要记住的是a标签的跳转原理就是location.href

3.navigator对象 功能：提供一系列属性用于检测浏览器
onLine 检测是否联网
userAgent 浏览器嗅探 检测浏览器的类型，这个是比较重要的。这里给大家展示一段代码，代码的功能是判断我们的 *** 作系统是否移动端

    // 判断是否是移动端
    function isMobile() {
        // 移动端 *** 作系统
        var mobiles = ["Android", "iPhone", "iPad", "iPod", "Symbian", "BlackBerry"];
        for (var i = 0; i < mobiles.length; i++) {
            if (navigator.userAgent.indexOf(mobiles[i]) !== -1) {
                return true;
            }
        }
        return false;
    }

这个函数在执行之后，可以看到我们现在使用的设备是否为移动端设备。

4.history对象 功能：保存用户上网的历史纪录
这个我们也只需要做一个了解，在下面的导图中给大家准备了一些方法和属性。有兴趣的童鞋们可以看一看。

BOM的知识就给大家放到这里了，这部分还是了解为主的，我们用到的可能也就是其中的一两个方法，但是大家还是要看一看的哈！