- 博客(25)
- 收藏
- 关注
RSS订阅原创 第三章 浏览器 【7. BOM(浏览器对象模型 )】
对象 常用属性/方法 说明window innerWidth/innerHeight 窗口内部尺寸window open()/close() 打开/关闭窗口window setTimeout()/setInterval() 定时器window alert()/confirm()/prompt() 弹窗方法navigator userAgent 用户代理字符串navigator platform 操作系统类型screen width/height 屏幕总尺寸screen availWidth/
2025-08-06 16:54:52
1085
原创 第三章 浏览器 【6. 尺寸位置】
6.1 尺寸1. offset系列包含内容：宽高 + 内填充 + 边框属性：offsetWidth：元素总宽度offsetHeight：元素总高度offsetLeft：距离父元素左边距离offsetTop：距离父元素顶部距离2. client系列包含内容：宽高 + 内填充（不包含边框）属性：clientWidth：可视区域宽度clientHeight：可视区域高度clientLeft：左边框宽度clientTop：上边框宽度3. scroll系列包含
2025-08-05 17:00:01
496
原创 第三章 浏览器 【5. 事件】
1. 坐标属性// 1. 相对于浏览器窗口的坐标event.clientXevent.clientY// 2. 相对于元素边界的坐标event.offsetXevent.offsetY// 3. 相对于页面边界的坐标event.pageXevent.pageY2. 常用属性type - 事件类型target - 事件目标元素currentTarget - 当前处理事件的元素3. 键盘事件特殊属性key - 按键名称keyCode - 按键码值（已废弃，建议使用key
2025-08-04 20:08:08
594
原创 第三章 浏览器 【5. 事件】
5. 事件1.1 事件三要素事件源：触发事件的元素事件类型：事件的种类（如click、mouseover等）事件处理程序：响应事件的函数1.2 事件流机制事件传播分为三个阶段：捕获阶段：事件从顶层开始，经过所有祖先节点，直至触发目标节点目标阶段：事件到达目标节点并触发冒泡阶段：事件从目标节点开始，经过所有祖先节点，直至顶层Window对象
2025-08-02 14:02:21
517
原创 第三章 浏览器 【4. 文本、表单的增删改查】
// 创建元素【重点】 let div = document.createElement('div') console.log(div);// 查询元素 let div_ = document.querySelector('div') console.log(div_); // 创建文本 let txt = document.createTextNode('Hello') console.dir(txt); // 创建属性 // di
2025-07-31 16:57:30
1134
原创 第三章 浏览器 【3. 样式和类】
className功能描述：字符串值，用于管理元素的完整类名集合特点：直接操作整个 class 字符串，适合简单的类名管理使用场景：当需要完全替换元素的类名时使用注意事项：会覆盖现有的所有类名，需要手动处理多个类名的拼接classList功能描述：具有 add/remove/toggle/contains 方法的对象，专门用于管理单个类主要方法：add(className)：添加指定的类名remove(className)：移除指定的类名toggle(classNam
2025-07-30 16:19:12
585
原创 第三章 浏览器 【2. DOM节点】
什么是DOM节点DOM（文档对象模型）会将 HTML 文档的每一部分都表示为一个节点（Node）。节点不仅包括元素节点（如 <div>、<p>），还包括文本节点、注释节点、文档节点等类型。通过操作这些节点，JavaScript 可以动态地修改网页的内容和结构。parentElement 父元素节点（仅元素）children 所有子元素节点（仅元素）firstElementChild 第一个子元素节点lastElementChild 最后一个子元素节点previousElementSiblin
2025-07-24 17:23:47
1103
原创 第三章 浏览器 【1. 文档对象模型（DOM）】
文档对象模型（Document Object Model），简称 DOM，将所有页面内容表示为可以修改的对象。document 对象是页面的主要“入口点”。我们可以使用它来更改或创建页面上的任何内容。通过id获取元素 let b_1 = document.getElementById("box1") console.log(b_1);通过标签名字获取元素console.log(document.getElementsByTagName('div'));通过name属性获取
2025-07-23 20:00:02
522
原创 第二章 JS进阶 【5. Date（日期对象）】
Date（日期对象）JavaScript 中的 Date 对象用于处理日期和时间。它支持多种构造方式：let now = new Date(); // 当前时间let date1 = new Date("2023-12-25"); // 字符串创建let date2 = new Date(2023, 11, 25); // 年,月(0-11),日let date3 = new Date(1703520000000); // 时间
2025-07-22 16:56:02
635
原创 第二章 JS进阶 【4. Math（数学对象）】
6. some every方法 some()判断数组是否有一项符合条件 every()判断数组是否所有项都符合条件7. reduce方法reduce 遍历数组，将上次结果与当前遍历项传递给下一个程序 ,返回值作为下一个结果，最终遍历完成返回一个累积的结果。he = arr.reduce(function(上次结果，数组项,项索引，数组){},参数2代表初始值) 8. 冒泡排序冒泡排序: 依次比较相邻的元素，如果和排序规则不同，则交换量元素。然后从头进行再次循环，直
2025-07-21 16:34:31
1175
原创 第二章 JS进阶 【3. 其他常见对象】
slice() 提取一段数组 (不改变原数组，返回新数组)concat() 合并数组 (不改变原数组，返回新数组)split()字符串切割成数组; join()将数组拼接成字符串(不改变原数组，返回新数组)查找判断 indexOf() lastIndexOf() includes()使用数组专门的方法遍历数组forEach() 遍历数组arr.forEach(函数)arr.forEach(function () { })arr.forEach(() => { })
2025-07-19 11:19:31
441
原创 第二章 JS进阶 【3.其他常见对象】
增删操作arr.push(x); // 末尾添加元素arr.pop(); // 末尾删除元素arr.unshift(x); // 头部添加元素arr.shift(); // 头部删除元素arr.splice(start, n, x); // 删除/替换/插入元素查找和判断arr.indexOf(x); // 查找元素下标arr.lastInd
2025-07-18 10:58:36
666
原创 第二章 JS进阶 【1.内置对象】
内置对象是指由ECMAScript标准定义、在JavaScript运行环境中默认可用的对象。这些对象无需开发者手动创建，可以直接使用。它们为开发者提供了丰富的功能，用于处理数据、操作字符串、管理日期和时间、处理数学运算等。1.1 原始值包装对象（Primitive Value Wrappers）这些对象用于将原始类型（如字符串、数字、布尔值）包装成对象：对象名 说明String 用于操作和处理字符串Number 用于操作和处理数字Boolean 用于操作布尔值Symbol 用于创建唯一的
2025-07-17 16:23:44
1048
原创 第一章 入门 【25. 作用域】
作用域 ：变量能够使用、可见的范围。作用域链 ：变量从当前作用向父作用域查找的规则。全局作用域：在整个脚本中都可访问的变量。局部作用域：函数内部声明的变量，只能在函数内部访问。变量提升：var声明和函数声明会提升到作用域顶部。函数声明提升：可在声明前调用；函数表达式不会被提升。块级作用域：let/const声明的变量只在当前代码块内有效。
2025-07-16 17:06:37
280
原创 第一章 入门 【23.函数】
arguments对象在普通函数内部可通过arguments访问所有实参，类数组对象。可用于处理不定数量参数。箭头函数没有arguments对象。创建函数还有另外一种非常简单的语法，并且这种方法通常比函数表达式更好。它被称为“箭头函数”，因为它看起来像这样：let func = (arg1, arg2, ..., argN) => expression;这里创建了一个函数 func，它接受参数 arg1..argN，然后使用参数对右侧的 expression 求值并返回其结果。
2025-07-16 16:24:05
306
原创 第一章 入门 【23.函数】
23. 函数函数是实现特定功能的代码块，可以重复调用。通过函数可以封装逻辑、提高代码复用性和可维护性。函数有名称（匿名函数除外）、参数列表和函数体。JS中函数也是对象，可以赋值、作为参数、返回值。函数的参数形参：函数定义时的小括号内变量，用于接收外部传入的数据。实参：函数调用时传入的具体值，对应形参。arguments对象：普通函数内部可用，包含所有实参，类数组，可用于处理不定数量参数。 注意：箭头函数没有arguments对象。剩余参数...args：ES6语法，将多余参数收
2025-07-15 18:58:11
698
原创 第一章 入门 【22.数组】
数组 创建 - 字面量创建：let arr = [1, 2, 3] - new创建：let arr = new Array()，可传入长度或多个元素 - 二维数组：let arr = [1, 2, [3, 4]] 基本操作 - 访问：arr[下标]，下标从0开始 - 修改：arr[下标] = 新值 - 新增：arr[超出索引] = 新值（中间无值为empty） - 获取长度：arr.length 遍历
2025-07-14 16:15:44
709
原创 第一章 入门 【21.对象】
当 while(条件) {} 中，条件为真时，执行{}中的循环体。循环体的单次执行叫作 一次迭代。上面示例中的循环进行了三次迭代。如果上述示例中没有 i++，那么循环（理论上）会永远重复执行下去。实际上，浏览器提供了阻止这种循环的方法，我们可以通过终止进程，来停掉服务器端的 JavaScript。任何表达式或变量都可以是循环条件，而不仅仅是比较。在 while 中的循环条件会被计算，计算结果会被转化为布尔值。我们可以通过使用带有可选 属性列表 的花括号 {…} 来创建对象。一个属性就是一个键值
2025-07-12 17:04:01
650
原创 第一章 入门 【17.for循环】
for语句1. 执行表达式1(begin) 初始值赋值 (仅执行一次)2. 判断表达式2(condition) true 执行语句(body)===>表达式3(step)执行自增 false 跳出循环(正式结束这块代码)3.重复执行步骤2，直到条件false
2025-07-10 17:06:11
392
原创 第一章 入门 【14.if条件语句】
if (…) 语句会计算圆括号内的表达式，并将计算结果转换为布尔型。数字 0、空字符串 ""、null、undefined 和 NaN 都会被转换成 false。因为它们被称为“假值”。其他值被转换为 true，所以它们被称为“真值”。if 语句有时会包含一个可选的 “else” 块。如果判断条件不成立，就会执行它内部的代码。 在 switch 语句运行过程中，如果没有 break 语句。比较 num 值与第n个 case 严格相等之后，switch 语句就执行相应 case 下的代码块，
2025-07-09 16:29:05
439
原创 第一章 入门 【9.运算符】
取余运算符是 %，尽管它看起来很像百分数，但实际并无关联。a % b 的结果是 a 整除 b 的 余数。求幂运算 a ** b 将 a 提升至 a 的 b 次幂。在数学运算中我们将其表示为 。大于 / 小于：a > b，a < b。大于等于 / 小于等于：a >= b，a <= b。检查两个值的相等：a == b，请注意双等号 == 表示相等性检查，而单等号 a = b 表示赋值。检查两个值不相等：不相等在数学中的符号是 ≠，但在 JavaScript 中写成 a != b。
2025-07-08 19:22:59
997
原创 第一章 入门 【8.数据类型的转换】
1.转成字符串 显式转换：String() 隐式转换：+ 拼接字符 2.转成数字 Number() null、''(空字符)、false ====> 0 true ==> 1 "123"(数字字符串) ==> 对应数字123 "含有非数字"/undefined
2025-07-07 19:50:41
379
原创 第一章 入门 【7.浏览器交互】
方法用途返回值按钮选项alert显示信息无确定prompt获取用户文本输入输入文本或null确定/取消confirm获取用户确认true(确定)或false(取消)确定/取消。
2025-07-07 10:54:26
278
原创 第一章 入门 【5.定义变量】
如果将变量想象成一个“数据”的盒子，盒子上有一个唯一的标注盒子名字的贴纸。这样我们能更轻松地掌握“变量”的概念。例如，变量 message 可以被想象成一个标有 "message" 的盒子，盒子里面的值为 "Hello!" :我们可以在盒子内放入任何值。// 值改变了当值改变的时候，之前的数据就被从变量中删除了：我们还可以声明两个变量，然后将其中一个变量的数据拷贝到另一个变量。// 将字符串 'Hello world' 从变量 hello 拷贝到 message。
2025-07-05 14:22:50
856
1
原创 第一章 入门 【1.了解JS】
// 命名一个存储空间 ====> 定义变量// ECMAScript【简称ES】 标准// 关键字 var let const 定义变量var name = "王五"// const gender = "女"var gender = "女"
2025-07-03 17:06:17
380
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人