diff --git "a/12 \351\231\210\345\215\216\344\274\237/\344\275\234\344\270\232/2022-11-18 \347\254\254\345\215\201\345\205\255\346\254\241\344\275\234\344\270\232DOM\347\273\203\344\271\240.html" "b/12 \351\231\210\345\215\216\344\274\237/\344\275\234\344\270\232/2022-11-18 \347\254\254\345\215\201\345\205\255\346\254\241\344\275\234\344\270\232DOM\347\273\203\344\271\240.html"
new file mode 100644
index 0000000000000000000000000000000000000000..9ceadabaab21f4aa12b378b7dd84b5dbbae74d52
--- /dev/null
+++ "b/12 \351\231\210\345\215\216\344\274\237/\344\275\234\344\270\232/2022-11-18 \347\254\254\345\215\201\345\205\255\346\254\241\344\275\234\344\270\232DOM\347\273\203\344\271\240.html"
@@ -0,0 +1,35 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/12 \351\231\210\345\215\216\344\274\237/\344\275\234\344\270\232/2022-11-18\347\254\254\345\215\201\345\205\255\346\254\241\344\275\234\344\270\232DOM\347\273\203\344\271\2401.html" "b/12 \351\231\210\345\215\216\344\274\237/\344\275\234\344\270\232/2022-11-18\347\254\254\345\215\201\345\205\255\346\254\241\344\275\234\344\270\232DOM\347\273\203\344\271\2401.html"
new file mode 100644
index 0000000000000000000000000000000000000000..1487bf75a18253b8cfc8b56f1fc055c5ba86ca54
--- /dev/null
+++ "b/12 \351\231\210\345\215\216\344\274\237/\344\275\234\344\270\232/2022-11-18\347\254\254\345\215\201\345\205\255\346\254\241\344\275\234\344\270\232DOM\347\273\203\344\271\2401.html"
@@ -0,0 +1,35 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/12 \351\231\210\345\215\216\344\274\237/\347\254\224\350\256\260/2022-11-17 BOM.md" "b/12 \351\231\210\345\215\216\344\274\237/\347\254\224\350\256\260/2022-11-17 BOM.md"
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..f0313445c1c8a1efde7990805324fe7efdd84666 100644
--- "a/12 \351\231\210\345\215\216\344\274\237/\347\254\224\350\256\260/2022-11-17 BOM.md"
+++ "b/12 \351\231\210\345\215\216\344\274\237/\347\254\224\350\256\260/2022-11-17 BOM.md"
@@ -0,0 +1,387 @@
+# 2022-11-18
+
+浏览器对象模型
+
+#### 一、浏览器对象模型（BOM）
+
+浏览器对象模型主要包括window、history、location和document等对象，其中window对象是整个BOM的顶层对象。
+
+window对象下主要包括如下对象：
+
+（1）document:窗口中当前显示的文档对象；
+
+（2）history:保存窗口最近加载的URL；
+
+（3）location:当前窗口的URL；
+
+window对象的常用方法：
+
+（1）prompt():显示可提示用户输入的对话框；
+
+（2）alert():显示带有一个提示消息和一个确定按钮的警示框；
+
+（3）confirm():显示一个带有提示信息、确定和取消按钮的确认框；
+
+（4）close():关闭浏览器窗口；
+
+（5）open():打开一个新的浏览器窗口，加载给定URL所指定的文档；
+
+（6）setTimeout():在设定的毫秒数后调用函数或计算表达式；执行一次
+
+（7）setInterval():按照设定的周期（以毫秒计）来**重复调用**函数或表达式；
+
+（8）clearInterval():取消重复设置，与setInterval对应；
+
+history对象方法：
+
+（1）back():后退一个页面，相当于浏览器后退按钮；
+
+（2）forward():前进一个页面，相对于浏览器前进按钮；
+
+（3）go():打开一个指定位置的页面；
+
+location对象属性和方法:
+
+（1）href属性:获取或设置网页地址；
+
+（2）reload方法:重新加载当前页面，相当于浏览器的刷新按钮；
+
+### 一、window对象各种对话框
+
+编写一个网页，点击不同的按钮分别实现alert,prompt,confirm对话框和实现打开关闭浏览器窗口；
+
+```js
+
+
+
+
+ Window的常用方法
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+```
+
+### 二、setTimeout实现抽奖功能
+
+```js
+
+
+
+
+ setTimeout实现抽奖功能
+
+
+
+
+
+
+
+
+
+
+
+ | 谢谢参与 |
+ 谢谢参与 |
+ 谢谢参与 |
+ 谢谢参与 |
+ 谢谢参与 |
+
+
+ | 谢谢参与 |
+ 谢谢参与 |
+ 谢谢参与 |
+ 谢谢参与 |
+ 谢谢参与 |
+
+
+ | 谢谢参与 |
+ 谢谢参与 |
+ 500万大奖 |
+ 谢谢参与 |
+ 谢谢参与 |
+
+
+ | 谢谢参与 |
+ 谢谢参与 |
+ 谢谢参与 |
+ 谢谢参与 |
+ 谢谢参与 |
+
+
+ | 谢谢参与 |
+ 谢谢参与 |
+ 谢谢参与 |
+ 谢谢参与 |
+ 谢谢参与 |
+
+
+
+
+```
+
+
+
+### 三、setTimeout实现时间的延时切换图片
+
+```js
+
+
+
+
+ setTimeout实现时间的延时切换图片
+
+
+
+ 
+
+
+```
+
+
+
+### 四、setInterval实现抽奖功能
+
+```js
+
+
+
+
+ setInterval实现抽奖功能
+
+ //JS代码
+
+
+
+
+
+
+
+
+
+ | 谢谢参与 |
+ 谢谢参与 |
+ 谢谢参与 |
+
+
+ | 谢谢参与 |
+ iPhone14 |
+ 谢谢参与 |
+
+
+ | 谢谢参与 |
+ 谢谢参与 |
+ 谢谢参与 |
+
+
+
+
+```
+
+
+
+#### 练习：setInterval实现图片的自动切换
+
+```js
+
+
+
+
+ setInterval实现图片的自动切换
+ //JS代码
+
+
+
+
+
+
+
+```
+
+
+
+#### 练习：setInterval实现时钟效果
+
+```js
+
+
+
+
+ setInterval实现时钟效果
+ //JS代码
+
+
+ 当前时间:
+
+
+```
+
+
+
+### 七、history对象实现网页的前进后退
+
+```js
+
+
+
+
+
+
+
+ 我是第一个页面
+ 我要跳转到第二个页面
+
+
+```
+
+```js
+
+
+
+
+
+
+
+ 我是第二个页面
+ 我要跳转到第三个页面
+
+ 后退
+
+ 前进
+
+
+```
+
+```js
+
+
+
+
+ history对象
+
+
+ 我是第三个页面
+
+ 后退
+
+ 后退二步
+
+
+```
+
+
+
+### 八、location对象实现页面刷新和跳转
+
+```js
+
+
+
+
+ location对象
+
+
+
+
+
+
+
+```
+
diff --git "a/12 \351\231\210\345\215\216\344\274\237/\347\254\224\350\256\260/2022-11-18 DOM .md" "b/12 \351\231\210\345\215\216\344\274\237/\347\254\224\350\256\260/2022-11-18 DOM .md"
new file mode 100644
index 0000000000000000000000000000000000000000..57d19fd887dddec6e81091a75f7adcc032671406
--- /dev/null
+++ "b/12 \351\231\210\345\215\216\344\274\237/\347\254\224\350\256\260/2022-11-18 DOM .md"
@@ -0,0 +1,586 @@
+# 2022-11-18
+
+## DOM(文档对象模型)
+
+#### Javascript 与DOM的关系(百科)
+
+DOM定义了表示和修改文档所需的方法，DOM对象即为宿主对象，由浏览器厂商定义，用来操作html和xml功能的一类的对象的集合。也有人称DOM是对HTML以及XML的标准编程接口。
+
+
+
+#### DOM常用API
+
+###### 文档级节点
+
+document:DOM中最大的节点
+
+document.documentElement
+
+document.head
+
+document.title（可修改）：获取标题
+
+document.body
+
+##### 子节点：
+
+###### 文本节点+元素节点
+
+document.body.childNodes //返回nodelist类数组
+
+###### 节点类型
+
+```js
+for(var i = 0; i我是div
+ 这是第1个h2
+ 这是第2个h2
+ 这是第3个h2
+
+
+
+
+
+```
+
+
+
+#### DOM克隆元素
+
+```js
+
+
+
我是div外面的 h2
+
+
+
+
+
+
+```
+
+
+
+#### 获取属性节点的值
+
+
+
+```js
+
+ 我是h2
+
+```
+
+#### 案例
+
+有个button，有个h2,当点击button时会显示文字，再次点击会文字会消失。
+
+```js
+
+
+
+
+ 我是h2
+
+
+```
+
+
+
+#### innerHTML与innerText的区别
+
+- innerHTML获取的是文本内容和标签，但是innerText是只获取文本内容
+
+- innerHTML具备解析字符串的能力，但是innerText没有
+
+ ```js
+
+
+
+
+
我是h2
+
+
+
+ ```
+
+#### 练习：自定义添加和删除工作经历
+
+```js
+
+
+
+
+ 动态添加和删除节点
+
+
+
+
+ 工作经历
+
+
+
+ 公司名称:
+ 职位:
+
删除工作经历
+
+ 工作职责及工作内容描述:
+
+
+
+
+
+
+```
+
+**练习**：**实现全选和反选功能**
+
+```js
+ 泡面
+ 火腿
+ 香肠
+ 卤蛋
+
+```
+
+
+
+##### 3.获取下拉框的值
+
+```js
+
+
+
+
+ 修改标题,背景颜色和前景颜色
+
+
+
+
+
+ 文字颜色:
+
+ 背景颜色:
+
+
+
+ JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。
+ 它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，
+ 最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
+
+
+
+
+
+```
+
+
+
+#### 操作style样式
+
+```js
+
+
+
+
+
+```
+
+
+
+#### 父子节点练习
+
+```js
+
+
+
+
+ 节点信息访问
+
+
+
+
+
+
+
+```
+