了解BOM相关知识

BOM - 浏览器对象模型 - ( browser object model )

https://www.w3school.com.cn/js/js_window.asp

• 先体会一下BOM的强大

  // 浏览器中运行
  var value = confirm('你真的忍心离开我吗?');
  if (value) {
      // 关闭当前窗口
      close();
  } else {
      alert('你还是爱我的');
  }

• BOM主要处理浏览器窗口和框架, 描述了与浏览器进行交互的方法和接口

• Javascript可以通过访问BOM对象来访问,控制,修改浏览器

• BOM 和 DOM 的关系

  • BOM包含了DOM,浏览器提供出来给予访问的是BOM对象,从BOM对象再访问到DOM对象,从而js可以操作浏览器以及浏览器读取到的文档

    BOM {
      Window { // Javascript层级中的顶层对象,表示浏览器窗口
        Document {}
      }
      Navigator, ( 包含浏览器的信息 )
      History, ( 包含浏览器访问过的url )
      Location, ( 包含当前URL的信息 )
      Screen, ( 包含客户端显示屏的信息, Javascript可以利用这些信息来优化输出,以达到用户的显示要求 )
    }