diff --git "a/34 \345\210\230\346\231\272\347\277\224/\345\255\220\350\212\202\347\202\271\357\274\214\346\227\266\351\227\264\346\210\263\357\274\214\345\255\246\347\224\237\347\263\273\347\273\237.md" "b/34 \345\210\230\346\231\272\347\277\224/\345\255\220\350\212\202\347\202\271\357\274\214\346\227\266\351\227\264\346\210\263\357\274\214\345\255\246\347\224\237\347\263\273\347\273\237.md"
new file mode 100644
index 0000000000000000000000000000000000000000..b3eb3522b162925928becae021ba8848dbe25c47
--- /dev/null
+++ "b/34 \345\210\230\346\231\272\347\277\224/\345\255\220\350\212\202\347\202\271\357\274\214\346\227\266\351\227\264\346\210\263\357\274\214\345\255\246\347\224\237\347\263\273\347\273\237.md"	
@@ -0,0 +1,208 @@
+#  笔记
+
+页面加载事件
+
+```html
+window是js的窗口对象，就是整个浏览看到的界面load页面加载事件，等待所有网页元素加载完毕后，在触发事件
+
+页面滚动事件
+
+scroll卷轴
+
+只要滚动条有变化，就触发事件
+
+document.documentElement表示整个HTML页面
+scrollTop表示向上卷起来了多少
+
+scrollTop细节
+document.documentElement.scrollTop=800(无效)
+window.add('scroll',function(){
+document.documentElement.scrollTop=800(有效)
+必须写在里面
+得到的数据是数字型，不带单位，整数，最小是0
+})
+
+页面尺寸事件
+行内：不换行，所有行内元素共用一行。不能设置高和宽，宽度由内容撑开（a，span）
+块状：换行，独占一行，可以设置高和宽（div，h，p）
+行内块状：即有行内特点，又可以设高宽（img）
+```
+
+
+
+
+
+# 作业
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+  <title>学生信息管理</title>
+  <link rel="stylesheet" href="css/index.css" />
+</head>
+
+<body>
+  <h1>新增学员</h1>
+  <form class="info" autocomplete="off">
+    姓名：<input type="text" class="uname" name="uname" />
+    年龄：<input type="text" class="age" name="age" />
+    性别:
+    <select name="gender" class="gender">
+      <option value="男">男</option>
+      <option value="女">女</option>
+    </select>
+    薪资：<input type="text" class="salary" name="salary" />
+    就业城市：<select name="city" class="city">
+      <option value="北京">北京</option>
+      <option value="上海">上海</option>
+      <option value="广州">广州</option>
+      <option value="深圳">深圳</option>
+      <option value="曹县">曹县</option>
+    </select>
+    <button class="add">录入</button>
+  </form>
+
+  <h1>就业榜</h1>
+  <table>
+    <thead>
+      <tr>
+        <th>学号</th>
+        <th>姓名</th>
+        <th>年龄</th>
+        <th>性别</th>
+        <th>薪资</th>
+        <th>就业城市</th>
+        <th>操作</th>
+      </tr>
+    </thead>
+    <tbody>
+      <!--       
+        <tr>
+          <td>1001</td>
+          <td>欧阳霸天</td>
+          <td>19</td>
+          <td>男</td>
+          <td>15000</td>
+          <td>上海</td>
+          <td>
+            <a href="javascript:">删除</a>
+          </td>
+        </tr> 
+        -->
+    </tbody>
+  </table>
+  <script>
+    // 1 获取所在表单项目
+    const uname = document.querySelector('.uname')
+    const age = document.querySelector('.age')
+    const gender = document.querySelector('.gender')
+    const salary = document.querySelector('.salary')
+    const city = document.querySelector('.city')
+
+    // 按钮对象
+    const btn = document.querySelector('.add')
+
+    // 父节点，tbody
+    const tbody = document.querySelector('tbody')
+
+
+
+    // 准备一个空数组，当成学员的数据的容器（模拟数据库）
+    const data = [];
+
+    // btn添加点击事件
+    // 表单的按钮会有默认的提交到服务器的行为，会刷新浏览器，所以要阻止默认行为
+    // 判断是不是都填完了
+    // 只要有一个空没有填写，就直接中断
+    btn.addEventListener('click', function (e) {
+      e.preventDefault();
+      const items = document.querySelectorAll('[name]');
+
+      for (let i = 0; i < items.length; i++) {
+        if (items[i].value === '') {
+          return alert('内容都要填写')
+
+        }
+
+      }
+
+
+      // 创建学员对象
+      const stu = {
+        stuID: data.length + 1,
+        uname: uname.value,
+        age: age.value,
+        gender: gender.value,
+        salary: salary.value,
+        city: city.value,
+      }
+
+      // 将学员对象push数组
+      data.push(stu)
+
+      // 将表单顶重置
+      document.querySelector('form').reset()
+      console.log(data);
+
+      show();
+
+      tbody.addEventListener('click', function (e) {
+        if (e.target.tagName === 'A') {
+          const id = e.target.dataset.id;
+          data.splice(id, 1);
+        }
+      })
+
+    })
+
+
+
+    // 给删除添加点击事件
+
+
+    // 通过自定义属性去数据删除，id对应下标的对象
+
+
+
+
+
+    function show() {
+      // 添加和删除都要重新渲染表格
+
+      // 下一步，将数组data每个对象。遍历渲染到表格中来显示
+
+      // 清空一下原来的所有数据 
+      tbody.innerText = '';
+      // 遍历数组，创建tr节点
+      for (let i = 0; i < data.length; i++) {
+        const tr = document.createElement('tr');
+
+        // 给tr填充内容
+
+        tr.innerHTML = `
+            <td>${data[i].stuID}</td>
+            <td>${data[i].uname}</td>
+            <td>${data[i].age}</td>
+            <td>${data[i].gender}</td>
+            <td>${data[i].salary}</td>
+            <td>${data[i].city}</td>
+            <td>
+              <a href="javascript:" data-id=${i}>删除</a>
+              </td>
+            `;
+        // 追加到ul
+
+        tbody.appendChild(tr);
+      }
+    }
+  </script>
+
+</body>
+
+</html>
+```
\ No newline at end of file
