From 8b764efdcd4fbde76ba0eb1c32b2df5d61f13053 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BE=90=E5=85=88=E9=91=AB?= Date: Wed, 1 Nov 2023 11:16:40 +0000 Subject: [PATCH] =?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: 徐先鑫 --- .../2023.10.31 \346\225\260\347\273\204.md" | 179 ++++++++++++++++++ 1 file changed, 179 insertions(+) create mode 100644 "53 \345\276\220\345\205\210\351\221\253/2023.10.31 \346\225\260\347\273\204.md" diff --git "a/53 \345\276\220\345\205\210\351\221\253/2023.10.31 \346\225\260\347\273\204.md" "b/53 \345\276\220\345\205\210\351\221\253/2023.10.31 \346\225\260\347\273\204.md" new file mode 100644 index 0000000..bb9e346 --- /dev/null +++ "b/53 \345\276\220\345\205\210\351\221\253/2023.10.31 \346\225\260\347\273\204.md" @@ -0,0 +1,179 @@ + 2023年11月1日 + +笔记： + +今日所学：数组 + +```js +数组 let arr = []; + 数组字面量是在中括号[]中包含以逗号分割的元素列表 + let arr = [1,2,3,4,5,6] +Array构造函数: + let arr = new Array(); + let arr = new Array(1,2,3,4,5,6); + // arr=[1,2,3,4,5,6] +Array构造函数于数组的区别在于 当Array构造函数只传一个数的时候，这个数只能是一个正整数，构造函数将会这个数看作数组长度，并且构造该长度的稀松数组。 + let arr = new Array(10); //arr = [undefined × 10]; + let arr = new Array(10.2); //报错 + let arr1 = [10]; //arr1 = [10]; + + +数组空位： +使用数组字面量初始化数组时，可以使用一串逗号来创建空位 +let arr = [,,,,,,] 全逗号的数组有些特殊，表示一个空位数组，且包含5个元素，[undefined × 5]； +let arr = [1,,,,,];表示[1, undefined × 4]； + +let arr = [1,,,,,5];表示[1, undefined × 4, 5]； + +let arr = [1, 2, , , 4];表示创建数组[1, 2, undefined, undefined, 4]。 + +这种存在有空隙的数组，称为稀松数组 + + + length 数组的长度， + + push： 动态向数组的尾部添加一个任意类型的数据，可以一次添加多个数据 + push 会返回该数组的长度 + + pop ： 把数组的最后一位删除 + 传参无效，括号中不需要写入任何参数 + + shift：把数组首位剪切出去 + + unshift： 在数组首位添加任意类型的数据，可以一次添加多个数据，同push，会返回数组长度 + + reverse：将原数组倒序 + + splice 动态删除任意一个数组 + + arr.splice(从第几位开始，截取多少长度，在切口处添加新的数据) + + sort + sort()函数会按照字符串顺序对值进行升序排列。 + deleteCount：表示要删除的元素数量。 +> items：可选参数，表示要添加到数组的新元素。 +> ``` +> +> +一些函数 + Math.floor() //向下取整 + Math.randow() // 随机数0-1 +js中读取css的id和class用#和.来表示 + + +### Document + +> `Document` 是 JavaScript 中的内置对象之一，表示整个 HTML 文档。它提供了许多方法和属性，用于与文档进行交互、操作和获取信息。 +> +> 可以通过 `document` 对象来访问和操作当前文档的各个部分，包括根元素、元素、样式、事件等。以下是一些常用的 `Document` 对象的属性和方法： +> +> 1. 获取元素： +> - `getElementById(id)`: 通过元素的 id 属性获取对应的元素对象。 +> - `getElementsByClassName(className)`: 通过元素的 class 属性获取对应的元素对象集合。 +> - `getElementsByTagName(tagName)`: 通过元素的标签名获取对应的元素对象集合。 +> - `querySelector(selector)`: 通过 CSS 选择器获取第一个匹配的元素对象。 +> - `querySelectorAll(selector)`: 通过 CSS 选择器获取所有匹配的元素对象集合。 +> 2. 修改文档内容： +> - `innerHTML`: 获取或设置元素的 HTML 内容。 +> - `textContent`: 获取或设置元素的纯文本内容。 +> 3. 修改元素属性和样式： +> - `setAttribute(name, value)`: 设置元素的属性值。 +> - `getAttribute(name)`: 获取元素的属性值。 +> - `style.property`: 修改元素的样式属性。 +> 4. 事件处理： +> - `addEventListener(event, handler)`: 添加事件监听器。 +> - `removeEventListener(event, handler)`: 移除事件监听器。 +> 5. 创建新元素： +> - `createElement(tagName)`: 创建一个新的元素节点。 +> - `createTextNode(text)`: 创建一个包含指定文本的文本节点。 +> +> 以上只是一些常用的 `Document` 对象的属性和方法示例，还有许多其他功能可以通过 `Document` 对象进行操作。您可以参考相关文档或教程来深入了解和应用 `Document` 对象的功能。 +> +> 需要注意的是，`Document` 对象是浏览器环境下的对象，只能在网页中使用，无法在其他非浏览器环境（如服务器端）中使用。 + +### innerHTML和innerText + +> 1. `innerHTML`： +> - 用于获取或设置元素的 HTML 内容。 +> - 获取时，返回元素内部的 HTML 字符串。 +> - 设置时，会将指定的字符串解析为 HTML，并替换元素的内容。 +> - 可以包含 HTML 标签、属性、样式等。 +> - 使用 `innerHTML` 可以直接操作和修改元素的子节点和内容。 +> 2. `innerText`： +> - 用于获取或设置元素的纯文本内容。 +> - 获取时，返回元素及其所有后代元素的文本内容。 +> - 设置时，会将指定的字符串作为纯文本插入到元素中，会自动转义特殊字符。 +> - 不会解析或渲染包含在其中的 HTML 标签。 +> - 适合于处理纯文本内容，如段落、标题等。 +> +> 使用方法都是 值.innerHTML or 值.innerText +``` + + + + + + + +# 作业 + + + +```js + + + + + + + + + + +
+

全部名单

+

+
+
+
+
+

抽中名单

+

+
+ + + + + +``` -- Gitee