HTML DOM+浏览器BOM

1.HTML DOM
1.1HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准，通过DOM，JavaScript 能够访问和改变 HTML 文档的所有元素。
1.2html dom属性：设置或者改变元素的值
html dom方法：元素上执行的动作
1.3方法和属性
1.3.1查找html元素document.**,通过元素名，类名，标签名，css选择器来查找元素，通过 HTML 对象选择器查找 HTML 对象
1.3.2改变html元素element.**,可改变属性值，样式
增加删除元素等，remove，creat
添加事件处理程序，onclick
1.4html dom事件
onclick事件 onchange事件 onmouseover事件 onmouseout事件 onmousedown事件 onmouseup事件
1.4html dom事件监听程序
向元素添加事件处理程序
向相同元素添加多个事件处理程序
事件传播
removeEventListener() 方法
1.5html dom节点
1.5.1节点的关系
在节点树中，顶端节点被称为根（根节点）。
每个节点都有父节点，除了根（根节点没有父节点）。
节点能够拥有一定数量的子
同胞（兄弟或姐妹）指的是拥有相同父的节点。
<title id="demo">HTML DOM</title>
元素节点title不包括文本，它包含了值为 "HTML DOM" 的文本节点，通过节点的innerHTML 属性进行访问
1.5.2添加和删除节点
添加：若需添加元素，先创建这个元素，添加到已有元素
替换，删除
2.浏览器对象模型BOM
2.1定义：JavaScript与浏览器之间的接口，它允许JavaScript与浏览器进行交互，实现访问和控制浏览器窗口、文档和其他浏览器的功能
2.2窗口大小：通过窗口对象，可以执行各种操作，例如控制窗口的大小、位置、导航等
通过window对象，可以获取和设置浏览器窗口的大小，也可以获取和设置浏览器窗口在屏幕上的位置
2.3窗口对象还提供了导航功能，可以用于在浏览器中加载不同的URL，可以实现加载页面，刷新页面，后退和前进。窗口对象允许弹出对话框，包括警告框、确认框和提示框
2.4 BOM提供了定时器功能，允许您在指定的时间间隔后执行代码，setTimeout和setInterval两种类型定时器。
setTimeout函数用于在指定的延迟时间后执行一次代码
setInterval函数用于按照指定的时间间隔重复执行代码
定时器常用于制作动画、定时刷新数据以及执行周期性任务
2.5 历史记录：BOM允许您访问和操作浏览器的历史记录。history对象包含与浏览历史相关的属性和方法；
BOM还添加了位置信息，使用navigator对象的geolocation属性
获取地理位置信息，使用watchPosition方法来持续监听用户的位置变化

2.6后退前进使用history对象，length记录历史长度，pushstate手动添加历史记录
2.7BOM允许使用window.open方法在浏览器中打开新的弹出窗口
2.8 screen对象包含有关用户屏幕的信息，如屏幕宽度、高度、颜色深度等
2.9 Cookie是一种存储在用户计算机上的小型文本文件，用于在多次访问之间存储和检索数据，可使用document.cookie读取和写入浏览器。