红宝书笔记——JavaScript BOM

红宝书笔记——JavaScript BOM

JavaScript BOM (Browser Object Model)

浏览器对象模型（BOM）是一组用于操作和与浏览器交互的对象。这些对象提供了一系列的方法和属性，允许脚本访问和修改浏览器的状态和行为。BOM对象与DOM对象不同，BOM对象与浏览器窗口相关，而DOM对象与文档相关。

Window对象

Window对象是BOM的核心对象，它代表浏览器窗口。Window对象包含了与浏览器窗口相关的所有属性和方法。例如，Window对象的location属性可以获取或设置浏览器的当前位置，Window对象的history属性可以访问浏览器的历史记录，Window对象的navigator属性可以获取有关浏览器的信息。

History对象

History对象代表浏览器的历史记录。History对象包含了一系列的方法和属性，允许脚本访问和修改浏览器的历史记录。例如，History对象的back()方法可以返回到浏览器的上一页，History对象的forward()方法可以前进到浏览器的下一页，History对象的go()方法可以跳转到浏览器的指定页面。

Location对象

Location对象代表浏览器的当前位置。Location对象包含了一系列的方法和属性，允许脚本访问和修改浏览器的当前位置。例如，Location对象的href属性可以获取或设置浏览器的当前URL，Location对象的pathname属性可以获取或设置浏览器的当前路径，Location对象的search属性可以获取或设置浏览器的当前查询字符串。

Navigator对象

Navigator对象代表浏览器的信息。Navigator对象包含了一系列的方法和属性，允许脚本访问有关浏览器的信息。例如，Navigator对象的userAgent属性可以获取浏览器的用户代理字符串，Navigator对象的platform属性可以获取浏览器的平台，Navigator对象的language属性可以获取浏览器的语言。

Screen对象

Screen对象代表浏览器的屏幕。Screen对象包含了一系列的方法和属性，允许脚本访问有关浏览器的屏幕的信息。例如，Screen对象的width属性可以获取浏览器的屏幕宽度，Screen对象的height属性可以获取浏览器的屏幕高度，Screen对象的availWidth属性可以获取浏览器的可用屏幕宽度，Screen对象的availHeight属性可以获取浏览器的可用屏幕高度。

DOM (Document Object Model)

文档对象模型（DOM）是一组用于操作和与文档交互的对象。这些对象提供了一系列的方法和属性，允许脚本访问和修改文档的内容和结构。DOM对象与BOM对象不同，BOM对象与浏览器窗口相关，而DOM对象与文档相关。

Document对象

Document对象代表文档。Document对象包含了一系列的方法和属性，允许脚本访问和修改文档的内容和结构。例如，Document对象的getElementById()方法可以获取文档中具有指定ID的元素，Document对象的createElement()方法可以创建新的元素，Document对象的appendChild()方法可以将元素添加到文档中。

Element对象

Element对象代表元素。Element对象包含了一系列的方法和属性，允许脚本访问和修改元素的属性和样式。例如，Element对象的getAttribute()方法可以获取元素的指定属性，Element对象的setAttribute()方法可以设置元素的指定属性，Element对象的style属性可以访问和修改元素的样式。

HTMLCollection对象

HTMLCollection对象是元素的集合。HTMLCollection对象包含了一系列的方法和属性，允许脚本访问和修改集合中的元素。例如，HTMLCollection对象的length属性可以获取集合中的元素数量，HTMLCollection对象的item()方法可以获取集合中指定索引的元素。

NodeList对象

NodeList对象是元素的集合。NodeList对象包含了一系列的方法和属性，允许脚本访问和修改集合中的元素。NodeList对象与HTMLCollection对象相似，但NodeList对象中的元素不能被修改。

HTMLDOMElement对象

HTMLDOMElement对象代表HTML元素。HTMLDOMElement对象包含了一系列的方法和属性，允许脚本访问和修改HTML元素的属性和样式。HTMLDOMElement对象是Element对象的子类。

HTMLInputElement对象

HTMLInputElement对象代表HTML输入元素。HTMLInputElement对象包含了一系列的方法和属性，允许脚本访问和修改HTML输入元素的值和状态。例如，HTMLInputElement对象的value属性可以获取或设置输入元素的值，HTMLInputElement对象的checked属性可以获取或设置输入元素的选中状态。

HTMLAnchorElement对象

HTMLAnchorElement对象代表HTML锚元素。HTMLAnchorElement对象包含了一系列的方法和属性，允许脚本访问和修改HTML锚元素的属性和行为。例如，HTMLAnchorElement对象的href属性可以获取或设置锚元素的链接地址，HTMLAnchorElement对象的target属性可以获取或设置锚元素的链接目标。

HTMLImageElement对象

HTMLImageElement对象代表HTML图像元素。HTMLImageElement对象包含了一系列的方法和属性，允许脚本访问和修改HTML图像元素的属性和行为。例如，HTMLImageElement对象的src属性可以获取或设置图像元素的来源，HTMLImageElement对象的alt属性可以获取或设置图像元素的替代文本。

HTMLDivElement对象

HTMLDivElement对象代表HTML div元素。HTMLDivElement对象包含了一系列的方法和属性，允许脚本访问和修改HTML div元素的属性和样式。例如，HTMLDivElement对象的className属性可以获取或设置div元素的类名，HTMLDivElement对象的style属性可以访问和修改div元素的样式。

HTMLButtonElement对象

HTMLButtonElement对象代表HTML按钮元素。HTMLButtonElement对象包含了一系列的方法和属性，允许脚本访问和修改HTML按钮元素的属性和行为。例如，HTMLButtonElement对象的type属性可以获取或设置按钮元素的类型，HTMLButtonElement对象的value属性可以获取或设置按钮元素的值。

HTMLSpanElement对象

HTMLSpanElement对象代表HTML span元素。HTMLSpanElement对象包含了一系列的方法和属性，允许脚本访问和修改HTML span元素的属性和样式。例如，HTMLSpanElement对象的className属性可以获取或设置span元素的类名，HTMLSpanElement对象的style属性可以访问和修改span元素的样式。

HTMLParagraphElement对象

HTMLParagraphElement对象代表HTML段落元素。HTMLParagraphElement对象包含了一系列的方法和属性，允许脚本访问和修改HTML段落元素的属性和样式。例如，HTMLParagraphElement对象的align属性可以获取或设置段落元素的对齐方式，HTMLParagraphElement对象的style属性可以访问和修改段落元素的样式。

HTMLHeadingElement对象

HTMLHeadingElement对象代表HTML标题元素。HTMLHeadingElement对象包含了一系列的方法和属性，允许脚本访问和修改HTML标题元素的属性和样式。例如，HTMLHeadingElement对象的align属性可以获取或设置标题元素的对齐方式，HTMLHeadingElement对象的style属性可以访问和修改标题元素的样式。

HTMLUListElement对象

HTMLUListElement对象代表HTML无序列表元素。HTMLUListElement对象包含了一系列的方法和属性，允许脚本访问和修改HTML无序列表元素的属性和样式。例如，HTMLUListElement对象的className属性可以获取或设置无序列表元素的类名，HTMLUListElement对象的style属性可以访问和修改无序列表元素的样式。

HTMLLIElement对象

HTMLLIElement对象代表HTML列表项元素。HTMLLIElement对象包含了一系列的方法和属性，允许脚本访问和修改HTML列表项元素的属性和样式。例如，HTMLLIElement对象的className属性可以获取或设置列表项元素的类名，HTMLLIElement对象的style属性可以访问和修改列表项元素的样式。

HTMLTableElement对象

HTMLTableElement对象代表HTML表格元素。HTMLTableElement对象包含了一系列的方法和属性，允许脚本访问和修改HTML表格元素的属性和样式。例如，HTMLTableElement对象的width属性可以获取或设置表格元素的宽度，HTMLTableElement对象的border属性可以获取或设置表格元素的边框宽度。

**HTMLTableRowElement对象