javascript对象与数组参考大全

根据提供的文件信息，我们可以从标题、描述以及部分内容中提取出关于JavaScript对象与数组的重要知识点。 ### JavaScript对象与数组参考大全 #### 一、JavaScript对象详解 **1. Anchor对象** - **简介**: `Anchor` 对象代表 HTML 中的 `<a>` 元素，可以用来获取和设置锚点的相关属性。 - **属性**: - `name`: 获取或设置锚点名称。 - `href`: 获取或设置锚点链接的目标 URL。 - **方法**: - `link()`: 可能用于处理锚点链接的行为（此处文档未给出具体实现）。 - **示例**: ```javascript var anchor = document.getElementById('example'); console.log(anchor.name); // 输出锚点名称 ``` **2. Document对象** - **简介**: `Document` 对象表示当前加载在浏览器窗口中的 HTML 文档，并且是所有其他 DOM 对象的父对象。 - **属性**: - `anchors`: 一个数组，包含页面中所有的锚点元素。 - `bgColor`: 获取或设置文档背景颜色。 - `cookie`: 获取或设置文档相关的 cookie 信息。 - `forms`: 一个数组，包含页面中所有的表单元素。 - `lastModified`: 获取文档最后修改的时间戳。 - `location`: 获取或设置当前文档的 URL 地址。 - `referrer`: 获取引用当前文档的 URL 地址。 - `title`: 获取或设置文档标题。 - `vlinkColor`: 获取或设置已访问链接的颜色。 - **方法**: - `close()`: 关闭写入流。 - `open()`: 准备写入文档。 - `write()`: 向文档写入文本。 - `writeln()`: 向文档写入文本并换行。 - **示例**: ```javascript document.bgColor = 'blue'; // 设置背景色为蓝色 ``` **3. Date对象** - **简介**: `Date` 对象用于处理日期和时间。 - **属性**: - 无 - **方法**: - `getDate()`: 获取一个月中的某一天。 - `getDay()`: 获取星期几（0 表示星期天）。 - `getHours()`: 获取小时。 - `getMinutes()`: 获取分钟。 - `getMonth()`: 获取月份（0 表示 1 月）。 - `getSeconds()`: 获取秒。 - `getTime()`: 获取从 1970 年 1 月 1 日到现在的毫秒数。 - `getTimezoneOffset()`: 获取本地时间与 UTC 时间的时差（单位为分钟）。 - `getYear()`: 获取年份。 - `parse()`: 解析一个日期字符串并返回从 1970 年 1 月 1 日 00:00:00 UTC 起到该时间的毫秒数。 - `setDate()`: 设置一个月中的某一天。 - `setHours()`: 设置小时。 - `setMinutes()`: 设置分钟。 - `setMonth()`: 设置月份。 - `setSeconds()`: 设置秒。 - `setTime()`: 设置毫秒数。 - `setYear()`: 设置年份。 - `toGMTString()`: 将日期转换为 GMT 字符串。 - `toLocaleString()`: 将日期转换为本地格式的字符串。 - `UTC()`: 返回指定日期距离 1970 年 1 月 1 日 00:00:00 UTC 的毫秒数。 - **示例**: ```javascript var now = new Date(); console.log(now.getFullYear()); // 输出当前年份 ``` **4. Button对象** - **简介**: `Button` 对象表示 HTML 中的 `<button>` 元素。 - **属性**: - `name`: 获取或设置按钮的名称。 - `value`: 获取或设置按钮的值。 - **事件**: - `onClick`: 当点击按钮时触发的事件。 - **示例**: ```javascript var button = document.querySelector('button'); button.addEventListener('click', function() { console.log('Button clicked!'); }); ``` **5. Checkbox对象** - **简介**: `Checkbox` 对象表示 HTML 中的 `<input type="checkbox">` 元素。 - **属性**: - `checked`: 获取或设置复选框是否被选中。 - `defaultChecked`: 获取或设置复选框默认是否被选中。 - `name`: 获取或设置复选框的名称。 - `value`: 获取或设置复选框的值。 - **事件**: - `onClick`: 当点击复选框时触发的事件。 - **示例**: ```javascript var checkbox = document.querySelector('input[type="checkbox"]'); checkbox.addEventListener('click', function() { console.log('Checkbox clicked!'); }); ``` #### 二、JavaScript数组详解 **1. Array对象** - **简介**: `Array` 是一个内置对象，用于存储多个值。 - **属性**: - `length`: 数组的长度。 - **方法**: - `push()`: 向数组末尾添加一个或多个元素，并返回新数组的长度。 - `pop()`: 移除数组的最后一个元素并返回它。 - `shift()`: 移除数组的第一个元素并返回它。 - `unshift()`: 在数组开头添加一个或多个元素，并返回新数组的长度。 - `splice()`: 添加/删除数组元素。 - `slice()`: 返回一个数组的一部分的浅拷贝。 - `concat()`: 连接两个或多个数组，并返回结果。 - `indexOf()`: 返回数组中第一个匹配指定值的元素的索引，如果没有找到则返回 -1。 - `includes()`: 检查数组是否包含指定的元素。 - `map()`: 创建一个新数组，其结果是调用提供的函数对原始数组的每个元素。 - `filter()`: 创建一个新数组，包含通过测试的所有元素。 - `reduce()`: 对数组中的每个元素执行一个由左至右的减少函数，将其结果汇总为单个输出值。 - `forEach()`: 对数组中的每个元素执行提供的函数。 - `some()`: 测试数组中的任何元素是否通过了由提供的函数定义的测试。 - `every()`: 测试数组中的所有元素是否都通过了由提供的函数定义的测试。 - `find()`: 返回数组中满足提供的测试函数的第一个元素的值。 - `findIndex()`: 返回数组中满足提供的测试函数的第一个元素的索引。 - **示例**: ```javascript var numbers = [1, 2, 3]; numbers.push(4); console.log(numbers); // 输出 [1, 2, 3, 4] ``` **2. Elements对象** - **简介**: `Elements` 对象表示 HTML 中的 `<input>` 元素集合。 - **属性**: - `length`: 表示元素集合中元素的数量。 - **示例**: ```javascript var elements = document.querySelectorAll('input'); console.log(elements.length); // 输出输入元素的数量 ``` **3. Form对象** - **简介**: `Form` 对象表示 HTML 中的 `<form>` 元素。 - **属性**: - `action`: 获取或设置表单提交的 URL。 - `button`: 获取或设置表单中的按钮元素。 - `checkbox`: 获取或设置表单中的复选框元素。 - `elements`: 获取表单中的所有元素。 - `encoding`: 获取或设置表单编码类型。 - `hidden`: 获取或设置表单中的隐藏元素。 - `length`: 获取表单中元素的数量。 - `method`: 获取或设置表单提交的方法（GET 或 POST）。 - `radio`: 获取或设置表单中的单选按钮元素。 - `reset`: 获取或设置表单中的重置按钮。 - `select`: 获取或设置表单中的选择框元素。 - `submit`: 获取或设置表单中的提交按钮。 - `target`: 获取或设置表单提交的目标窗口或框架。 - `text`: 获取或设置表单中的文本输入元素。 - `textarea`: 获取或设置表单中的文本区域元素。 - **事件**: - `onSubmit`: 当表单提交时触发的事件。 - **示例**: ```javascript var form = document.querySelector('form'); form.addEventListener('submit', function(event) { event.preventDefault(); // 阻止表单默认提交行为 console.log('Form submitted!'); }); ``` 以上就是从给定文件中提取出来的有关 JavaScript 对象与数组的关键知识点。这些知识点涵盖了 JavaScript 中常用的 DOM 对象操作方法和属性，对于理解和使用 JavaScript 来操作网页元素具有重要意义。