From 2f774733894372edc6d44cc631156dffd9c27e86 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=B1=95?= <1742965070@qq.com>
Date: Wed, 1 Nov 2023 10:38:02 +0000
Subject: [PATCH] =?UTF-8?q?=E6=9E=97=E5=B1=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
Signed-off-by: 林展 <1742965070@qq.com>
---
.../random.js" | 25 ++++++
.../test.html" | 25 ++++++
...33\346\226\260\344\270\234\350\245\277.md" | 83 +++++++++++++++++++
3 files changed, 133 insertions(+)
create mode 100644 "03\346\236\227\345\261\225/20231031/\346\212\275\345\245\226\347\263\273\347\273\237/random.js"
create mode 100644 "03\346\236\227\345\261\225/20231031/\346\212\275\345\245\226\347\263\273\347\273\237/test.html"
create mode 100644 "03\346\236\227\345\261\225/20231031/\346\225\260\347\273\204\345\222\214\344\270\200\344\272\233\346\226\260\344\270\234\350\245\277.md"
diff --git "a/03\346\236\227\345\261\225/20231031/\346\212\275\345\245\226\347\263\273\347\273\237/random.js" "b/03\346\236\227\345\261\225/20231031/\346\212\275\345\245\226\347\263\273\347\273\237/random.js"
new file mode 100644
index 0000000..3843c80
--- /dev/null
+++ "b/03\346\236\227\345\261\225/20231031/\346\212\275\345\245\226\347\263\273\347\273\237/random.js"
@@ -0,0 +1,25 @@
+let arr = [1, 2, 3, 4, 5, 6];
+let ar = [];
+
+let a = document.querySelector('#a');
+a.innerHTML = arr;
+
+let b = document.querySelector('#b');
+b.innerHTML = ar;
+
+let c = document.querySelector('#c');
+c.addEventListener('click', function () {
+ let num = Math.floor(Math.random() * arr.length);
+ a.innerHTML = arr;
+ b.innerHTML = ar;
+
+ if (arr.length) {
+ let x = arr.splice(num, 1);
+ ar.push(x);
+ } else {
+ a.innerHTML = arr;
+ b.innerHTML = ar;
+ alert('没了哦');
+ return;
+ }
+})
\ No newline at end of file
diff --git "a/03\346\236\227\345\261\225/20231031/\346\212\275\345\245\226\347\263\273\347\273\237/test.html" "b/03\346\236\227\345\261\225/20231031/\346\212\275\345\245\226\347\263\273\347\273\237/test.html"
new file mode 100644
index 0000000..995c1f8
--- /dev/null
+++ "b/03\346\236\227\345\261\225/20231031/\346\212\275\345\245\226\347\263\273\347\273\237/test.html"
@@ -0,0 +1,25 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/03\346\236\227\345\261\225/20231031/\346\225\260\347\273\204\345\222\214\344\270\200\344\272\233\346\226\260\344\270\234\350\245\277.md" "b/03\346\236\227\345\261\225/20231031/\346\225\260\347\273\204\345\222\214\344\270\200\344\272\233\346\226\260\344\270\234\350\245\277.md"
new file mode 100644
index 0000000..2fc0d8b
--- /dev/null
+++ "b/03\346\236\227\345\261\225/20231031/\346\225\260\347\273\204\345\222\214\344\270\200\344\272\233\346\226\260\344\270\234\350\245\277.md"
@@ -0,0 +1,83 @@
+# 笔记
+
+### 数组
+
+> 将一组数据存入一个变量中，本质上其实是一个对象，其中的索引从0开始算，且长度不定，类型不定
+>
+> ```JavaScript
+> // 创建
+> let 名=[]
+> let 名=[值1,值2,.....]
+>
+> //相关函数
+> .length:输出数组的长度
+> console.log(数组):迭代数组并输出每个元素
+>
+> .push(值)/.unshift(值):在数组末尾/开头添加一个元素
+> .pop(值)/.shift(值):删除数组末尾/开头一个元素并返回该值
+>
+> .splice(start,deleteCount,items):
+> start：指定开始修改的索引位置。
+> deleteCount：表示要删除的元素数量。
+> items：可选参数，表示要添加到数组的新元素。
+> ```
+>
+>
+
+### 一些函数
+
+> ```javascript
+> 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
+>
+>
\ No newline at end of file
--
Gitee