百里屠苏top - 博客园

2025年3月7日

摘要：一、含义由于事件会在冒泡阶段向上传播到父节点，因此可以把子节点的监听函数定义在父节点上，由父节点的监听函数统一处理多个子元素的事件。这种方法叫做事件的代理(delegation)。父元素系统处理子元素事件。阅读全文

posted @ 2025-03-07 16:18 百里屠苏top 阅读(33) 评论(0) 推荐(0)

No.37 JavaScript---事件处理程序（添加事件）、事件类型之鼠标事件、Event事件对象、事件类型之键盘事件、事件类型之表单事件

摘要：一、添加事件事件处理程序分为： HTML事件处理 DOM0级事件处理 DOM2级事件处理 1.1 HTML事件处理（这种不用知道就行） <body> <button onclick="clickHandle()">按钮</button> <script> //HTML事件 function cl 阅读全文

posted @ 2025-03-07 16:03 百里屠苏top 阅读(71) 评论(0) 推荐(0)

2025年3月6日

No.36 JavaScript---CSS操作（JS操作CSS）

摘要： JS操作CSS样式，JS操作HTML中的元素。三者联动起来。 JS操作CSS样式有三种方式：通过HTML元素的style属性；通过元素节点的style属性；通过cssText属性。 1.1 HTML元素的style属性操作 CSS 样式最简单的方法，就是使用网页元素节点的 setAttrib 阅读全文

posted @ 2025-03-06 16:20 百里屠苏top 阅读(43) 评论(0) 推荐(0)

No.35 JavaScript---Element对象属性、Element获取元素位置

摘要：、一、元素对象属性 Element对象对应网页的 HTML 元素。每一个 HTML 元素，在 DOM 树上都会转化成一个Element节点对象(以下简称元素节点)。 1.1 .id Element.id 属性返回指定元素的id 属性，该属性可读写. 1.2 .className className 阅读全文

posted @ 2025-03-06 15:00 百里屠苏top 阅读(149) 评论(0) 推荐(0)

No.34 JavaScript---DOM

摘要：一、DOM概述 DOM 是JavaScript操作网页的接口，全称为“文档对象模型”(Document Object Model)。它的作用是将网页转为一个JavaScript 对象，从而可以用脚本进行各种操作(比如对元素增删内容)。浏览器会根据 DOM 模型，将结构化文档HTML解析成一系列的节阅读全文

posted @ 2025-03-06 10:24 百里屠苏top 阅读(60) 评论(0) 推荐(0)

2025年3月4日

No.33 JavaScript--对象

摘要：一、对象概述{ } 对象(object)是JavaScript 语言的核心概念，也是最重要的数据类型。简单说，对象就是一组“键值对”(key-value)的集合，是一种无序的复合数据集合。对象的每一个键名又称为“属性”(property)它的“键值”可以是任何数据类型。如果一个属性的值为函数，通阅读全文

posted @ 2025-03-04 17:35 百里屠苏top 阅读(31) 评论(0) 推荐(0)

No.32 JavaScript--函数

摘要：一、定义函数是一段可以反复调用的代码块。 1.1 函数的申明 function 命令: function命令声明的代码区块，就是一个函数。function命令后面是函数名，函数名后面是一对圆括号，里面是传入函数的参数。函数体放在大括号里面。 1.2 函数名的提升 JavaScript 引擎将函数名阅读全文

posted @ 2025-03-04 16:38 百里屠苏top 阅读(28) 评论(0) 推荐(0)

No.31 JavaScript--数组

摘要：一、定义数组(array)是按次序排列的一组值。每个值的位置都有编号(从0开始)，整个数组用方括号表示。两端的方括号是数组的标志。除了在定义时赋值，数组也可以先定义后赋值。 <script> var name = []; name[0] = "m" </script> 任何类型的数据，都可以放阅读全文

posted @ 2025-03-04 16:05 百里屠苏top 阅读(33) 评论(0) 推荐(0)

No.30 JavaScript--字符串

摘要：一、字符串 1.定义字符串就是零个或多个排在一起的字符，放在单引号或双引号之中。单引号字符串的内部，可以使用双引号。双引号字符串的内部，可以使用单引号。如果要在单引号字符串的内部，使用单引号，就必须在内部的单引号前面加上反斜杠，用来转义。双引号字符串内部使用双引号，也是如此。字符串默认只能一阅读全文

posted @ 2025-03-04 15:06 百里屠苏top 阅读(77) 评论(0) 推荐(0)

No.29 JavaScript--数据类型、运算符、条件语句、三元运算符、循环语句、break和continue语句

摘要：一、数据类型 JavaScript 语言的每一个值，都属于某一种数据类型。JavaScript 的数据类型，共有六种。(ES6 又新增了第七种 Symbol 类型的值和第八种 BigInt类型，当前课程暂不涉及)。 1.1 数据类型分类 1）原始类型（基础类型） 2）合成类型（复合类型）：对象:因为阅读全文

posted @ 2025-03-04 10:46 百里屠苏top 阅读(39) 评论(0) 推荐(0)