BOM知识点

一、BOM
    
        1.BOM浏览器对象模型
            ①把浏览器当做一个对象来看带
            ②BOM的顶级对象是window
            ③BOM比DOM对象更大，包含了DOM
        
        2.Window对象的常见事件
            ① window.οnlοad=function(){}或者
              window.addEventListener("load",function(){})
              window.onload是窗口页面的加载事件，当文档内容完全加载完成会触发该事件（包括图像、脚本文件、css文件等），就调用的处理函数
            
              document.addEventListener('DOMContentLoaded',function(){})
              是DOM加载完毕，不包括（图片，flash css等就可以执行js，加载速度比load更快一些）
             
            ②window.οnresize=function(){}或者
            window.addEventListener("resize",function(){});
            
            window.onresize是调整窗口大小事件，当出发时就调用处理函数
            
                window.innerWidth当前窗口的宽度
                window.innerHight当前窗口的高度
            
            ③定时器
            window对象给我们提供了2个非常好用的方法-定时器    
             setTimeout()
             setInterval()
             
            window.setTimeout(调用函数，[延迟的毫秒数])；
            setTimeout()方法用于设置一个定时器，该定时器在定时器到期后执行调用函数
                调用函数可以直接写函数还可以写函数名
            ④停止定时器
                clearTimeout()
                里面的参数就是定时器的标识符
            
            setInterval(调用函数，[延迟的毫秒数])   这个计时器是每隔一个延迟的毫秒数就会执行调用函数
            
        3.JS执行机制
            3.1JS是单线程
                JavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做同一件事。
            
            3.2同步和异步
                同步：前一个任务结束后再去执行后一个任务，程序的执行顺序与任务的排列是一致的
                异步：如果上一个任务执行时间比较长可以先进行下一个任务
            
            3.3执行机制
                ①先执行执行栈里的同步任务
                ②异步任务放入任务队列中
                ③同步任务执行完毕后，系统会读取任务队列的异步任务，于是被读取的异步任务结束等待状态，进入执行栈开始执行。
        
        4. location对象
            4.1什么是location对象？
                window对象给我们提供了一个location属性用于获取或设置窗体的URL，并且可以用于解析URL。因为改属性返回的是一个对象，所以我们也将这个属性成为location对象。
            
            4.2URL 解释URL是统一资源定位符是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的URL，它包含的信息指出文件的位置以及浏览器应该怎么处理它
            
            4.3location对象的属性
                location.href                    获取或设置整个URL
                location.host                    返回主机
                location.post                    返回端口号
                location.pathname                返回路径
                location.serch                    返回参数
                location.hash                    返回片段        #后面内容 常见于链接和锚点
            
            4.4location对象方法
                location对象方法                返回值
                location.assign()                跟href一样，可以跳转页面，可以后退
                location.replace()                替换当前页面，因为不记录历史所以不能后退
                location.reload()                重新加载页面，相当于刷新按钮或者f5 如果参数为true 强制刷新ctrl +f5
                
            4.5history对象
                history对象方法                作用
                back()                        可以后退功能
                forward()                    前进功能
                go(参数)                    前进后退功能 参数如果是1前进一个页面，如果是-1后退一个页面