HTML DOM+浏览器BOM

HTML DOM+浏览器BOM

1、HTML DOM

（1）简介

HTML DOM 是：

• HTML 的标准对象模型
• HTML 的标准编程接口

• W3C 标准
  HTML DOM定义了所有 HTML 元素的对象和属性，以及访问它们的方法。
  换言之，HTML DOM 是关于如何获取、修改、添加或删除 HTML元素的标准。
  通过 HTML DOM，JavaScript 能够访问和改变 HTML 文档的所有元素。

  （2）属性和方法

• HTML DOM方法是您能够（在 HTML 元素上）执行的动作。

• HTML DOM属性是您能够设置或改变的 HTML 元素的值。
  A.查找HTML元素
  
  B.改变HTML元素
  
  C.添加和删除元素
  
  D.添加事件处理程序
  

  2、浏览器BOM

  （1）简介

  浏览器对象模型（Browser Object Model，BOM）是一组表示浏览器窗口及其组件的对象。BOM 提供了与浏览器交互的方式，允许 JavaScript 代码操作浏览器窗口、导航历史、屏幕尺寸等。

  （2）BOM对象

  BOM 的主要对象包括：

• window 对象:
  window 对象是 BOM 的核心对象，代表浏览器窗口或标签。它包含了全局作用域的变量和函数，并提供了与浏览器交互的各种方法和属性。例如，window.location 用于获取或设置当前文档的URL。
  
• navigator 对象:
  navigator 对象提供了关于浏览器的信息，如浏览器的名称、版本、用户代理等。
  
• screen对象:
  screen 对象提供了有关用户屏幕的信息，如屏幕的宽度、高度等。
  
• history 对象:
  history 对象允许通过 JavaScript 操作浏览器的历史记录。可以使用 history.back()、history.forward()、history.go() 等方法。
  
• location 对象:
  location 对象包含了有关当前 URL 的信息，可以用于获取或修改浏览器的当前URL。
  
• document 对象:
  document 对象不属于 BOM，而是属于 DOM（文档对象模型）。它表示当前载入的文档，提供了与文档内容进行交互的方法和属性。
  
  总结：通过使用 BOM 提供的对象和方法，开发者可以实现对浏览器窗口、导航历史、屏幕等的操作和控制，以及获取有关浏览器的信息。