JavaScript-BOM

• BOM：浏览器对象模型，提供与浏览器窗口进行交互的对象，核心是window
  • window对象是浏览器顶级对象，具有双重角色，是js访问浏览器的一个接口，是一个全局对象，定义在全局作用域中的变量、函数都会变成window对象的属性和方法
    • 页面加载事件
      • window.onload = function(){ }会等页面中的所有元素加载完毕才去执行里面的代码，但是只能写一次，若有多个，以最后一个为准
      • (补充：使用addEventListener是没有限制的 ，load---加载所有的元素，DOMContentLoaded----不会加载完所有的样式表、图片、flash等等)
    • 调整浏览器窗口大小事件
      • window.onresize = function（）{ }
      • window.addEventListener("resize"，function（）{ })
      • （window.innerWidth：可以得到当前屏幕的宽度）
    • 定时器： 常常给不同的定时器起不同的标识符
      • window.setTimeout（调用函数，[延时的毫秒数]）;一次性; window可以省略；可以直接写函数，也可以写函数名（不用加括号）
      • window.clearTimeout（timeoutID---定时器的标识符）：停止定时器
      • setInterval（调用函数，[间隔的毫秒数]）；回调函数，时间到了再回头调用，反复执行；
      • window.clearInterval（timeoutID---定时器的标识符）：停止定时器
    • JS执行机制：原先JavaScript---单线程 ，之后为解决相关问题，出现同步和异步
      • 同步：一个任务接着一个任务一次执行
      • 异步：同时做多个任务，回调函数属于异步任务
      • 事件循环：主线程不断的重复获得任务、执行任务、再获取任务、再执行
    • location对象：window对象提供的一个属性，用于获取或设置窗体的URL（网址），且可以解析网址，该属性返回的是对象
      • 协议+域名+端口+文件路径+参数+锚点链接
      • 常见location对象属性：

        

      • 常见location对象方法：

        

    • navigator对象：包含浏览器的信息，有许多属性，userAgent该属性可以返回由客户机发送服务器的user-agent头部的值
    • history对象：与浏览器历史进行交互，包含用户访问过的URL
      • back()：后退
      • forward：前进
      • go（参数）：前进后退，前进后退的页面数与参数有关