From ea6719e995845b977021fc8b8e4f0e10023c14fe Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=9F=A9=E7=85=9C=E8=BE=89?= <1011224641@qq.com> Date: Wed, 22 Nov 2023 15:03:01 +0000 Subject: [PATCH 1/2] =?UTF-8?q?=E9=9F=A9=E7=85=9C=E8=BE=89=E7=9A=84?= =?UTF-8?q?=E4=BD=9C=E4=B8=9A?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: 韩煜辉 <1011224641@qq.com> --- ...46\347\224\237\347\263\273\347\273\237.md" | 209 ++++++++++++++++++ 1 file changed, 209 insertions(+) create mode 100644 "33\351\237\251\347\205\234\350\276\211/20231122 \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" diff --git "a/33\351\237\251\347\205\234\350\276\211/20231122 \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/33\351\237\251\347\205\234\350\276\211/20231122 \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 0000000..f6ffb82 --- /dev/null +++ "b/33\351\237\251\347\205\234\350\276\211/20231122 \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,209 @@ +# 笔记 + +页面加载事件 + +```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 + + + + + + + + 学生信息管理 + + + + +

新增学员

+
+ 姓名: + 年龄: + 性别: + + 薪资: + 就业城市: + +
+ +

就业榜

+ + + + + + + + + + + + + + + +
学号姓名年龄性别薪资就业城市操作
+ + + + + +``` + -- Gitee From d408c7fefb13829d9ed9fa69c2b1cfcc71af7e14 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=9F=A9=E7=85=9C=E8=BE=89?= <1011224641@qq.com> Date: Sun, 26 Nov 2023 15:21:30 +0000 Subject: [PATCH 2/2] =?UTF-8?q?=E9=9F=A9=E7=85=9C=E8=BE=89=E7=9A=84?= =?UTF-8?q?=E4=BD=9C=E4=B8=9A?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: 韩煜辉 <1011224641@qq.com> --- ...37\344\277\241\346\201\257\350\241\250.md" | 264 ++++++++++++++++++ 1 file changed, 264 insertions(+) create mode 100644 "33\351\237\251\347\205\234\350\276\211/20231124\346\234\254\345\234\260\345\255\230\345\202\250\345\273\266\350\277\237\345\207\275\346\225\260 \345\256\214\346\225\264\345\255\246\347\224\237\344\277\241\346\201\257\350\241\250.md" diff --git "a/33\351\237\251\347\205\234\350\276\211/20231124\346\234\254\345\234\260\345\255\230\345\202\250\345\273\266\350\277\237\345\207\275\346\225\260 \345\256\214\346\225\264\345\255\246\347\224\237\344\277\241\346\201\257\350\241\250.md" "b/33\351\237\251\347\205\234\350\276\211/20231124\346\234\254\345\234\260\345\255\230\345\202\250\345\273\266\350\277\237\345\207\275\346\225\260 \345\256\214\346\225\264\345\255\246\347\224\237\344\277\241\346\201\257\350\241\250.md" new file mode 100644 index 0000000..6f70c52 --- /dev/null +++ "b/33\351\237\251\347\205\234\350\276\211/20231124\346\234\254\345\234\260\345\255\230\345\202\250\345\273\266\350\277\237\345\207\275\346\225\260 \345\256\214\346\225\264\345\255\246\347\224\237\344\277\241\346\201\257\350\241\250.md" @@ -0,0 +1,264 @@ + + +# 笔记 + + + +**BOM** (Browser Object Model ) 是浏览器对象模型 + +- window对象是一个全局对象,也可以说是JavaScript中的顶级对象 +- 像document、alert()、console.log()这些都是window的属性,基本BOM的属性和方法都是window的 +- 所有通过var定义在全局作用域中的变量、函数都会变成window对象的属性和方法 +- window对象下的属性和方法调用的时候可以省略window + +## 定时器-延迟函数 + +JavaScript 内置的一个用来让代码延迟执行的函数,叫 setTimeout + +**语法:** + +``` +setTimeout(回调函数, 延迟时间) +``` + +setTimeout 仅仅只执行一次,所以可以理解为就是把一段代码延迟执行, 平时省略window + +间歇函数 setInterval : 每隔一段时间就执行一次, , 平时省略window + +清除延时函数: + +``` +clearTimeout(timerId) +``` + +## location对象 + +location (地址) 它拆分并保存了 URL 地址的各个组成部分, 它是一个对象 + +| 属性/方法 | 说明 | +| --------- | ---------------------------------------------------- | +| href | 属性,获取完整的 URL 地址,赋值时用于地址的跳转 | +| search | 属性,获取地址中携带的参数,符号 ?后面部分 | +| hash | 属性,获取地址中的啥希值,符号 # 后面部分 | +| reload() | 方法,用来刷新当前页面,传入参数 true 时表示强制刷新 | + +navigator是对象,该对象下记录了浏览器自身的相关信息 + +常用属性和方法: + +- 通过 userAgent 检测浏览器的版本及平台 + +istory (历史)是对象,主要管理历史记录, 该对象与浏览器地址栏的操作相对应,如前进、后退等 + +### 本地存储 + +**作用:** 数据可以长期保留在本地浏览器中,刷新页面和关闭页面,数据也不会丢失 + +**特性:**以键值对的形式存储,并且存储的是字符串, 省略了window + +存储:sessionStorage.setItem(key,value) + +获取:sessionStorage.getItem(key) + +删除:sessionStorage.removeItem(key) + +需要将复杂数据类型转换成 JSON字符串,在存储到本地 + +JSON.stringify(复杂数据类型) + +把取出来的字符串转换为对象 + +# 作业 + +```html + + + + + + + + 学生信息管理 + + + + +

新增学员

+
+ 姓名: + 年龄: + 性别: + + 薪资: + 就业城市: + +
+ +

就业榜

+ + + + + + + + + + + + + + + +
学号姓名年龄性别薪资就业城市操作
+ + + + + +``` + -- Gitee