JavaScript达内学习笔记

### JavaScript达内学习笔记知识点详解 #### 一、JavaScript简介 1. **JavaScript**是由网景公司在1995年开发的一种脚本语言。它是一种轻量级的编程语言，无需编译，直接由浏览器解释执行。JavaScript的主要作用包括： - **数据验证**：例如检查表单输入的数据是否为空或格式是否正确。 - **与网页交互**：例如通过点击按钮弹出窗口或更改页面元素的状态。 - **获取浏览器信息**：如浏览器类型、版本等。 - **AJAX关键技术**：利用JavaScript可以操作浏览器内置的对象`XmlHttpRequest`实现异步数据传输。 #### 二、JavaScript的组成部分 2. **JavaScript**主要由以下几个部分组成： - **ECMAScript**：这是JavaScript的基础，包括数据类型、变量、关键字、对象等，并已标准化。 - **DOM (Document Object Model)**：尽管已标准化，但不同浏览器的支持程度有所不同，尤其是IE浏览器。 - **BOM (Browser Object Model)**：这部分是早期浏览器内置的一些对象，如`window`、`location`、`navigator`等，目前没有被标准化。 #### 三、语言基础 3. **数据类型** - **基本数据类型**： - `number`：表示数字类型，如整数或浮点数。 - `string`：字符串类型，可以存储文本。 - `boolean`：布尔类型，只包含`true`和`false`两个值。 - `null`：表示空类型，通常用来表示尚未初始化的值。 - `undefined`：表示未定义类型，常用于变量未被赋值时的情况。 - **字符串的基本属性和方法**： - `length`：返回字符串的长度。 - `charAt(index)`：返回指定索引位置的字符。 - `substring(from, to)`：返回从`from`到`to`之间的子字符串（不包括`to`）。 - `indexOf(str)`：返回字符串`str`在当前字符串中首次出现的位置，如果没有找到则返回-1。 - `lastIndexOf(str)`：返回字符串`str`在当前字符串中最后一次出现的位置。 - `match(regexp)`：根据提供的正则表达式`regexp`搜索字符串，返回匹配的数组或`null`。 - `search(regexp)`：返回正则表达式`regexp`在字符串中的匹配位置。 - `toLowerCase()` / `toUpperCase()`：分别返回字符串的小写和大写形式。 - `replace(regexp, 'replacement')`：使用新的字符串`replacement`替换所有与正则表达式`regexp`匹配的部分。 - **数组** - `length`：返回数组的长度。 - `toString()`：返回数组的字符串表示。 - `concat()`：用于合并两个数组。 - `join('separator')`：使用指定的分隔符`separator`连接数组中的元素为一个字符串。 - `reverse()`：反转数组中的元素顺序。 - `slice(start, end)`：从数组中提取一部分元素作为一个新数组返回。 - `sort(compareFunction)`：对数组元素进行排序，可以传入自定义的比较函数`compareFunction`。 #### 四、DOM (Document Object Model) 4. **DOM**是一种标准，用于处理HTML和XML文档。它将文档视为树形结构，其中每个节点都是文档中的一个组成部分。DOM提供了多种方法来创建、删除、添加和替换节点。 - **DOM操作**： - **查找节点**： - 使用`getElementById(id)`根据ID选择单个元素。 - 使用`getElementsByTagName(tagName)`选择具有特定标签名的所有元素。 - **创建节点**： - 使用`document.createElement(Tag)`创建新的元素节点。 - **添加节点**： - 使用`appendChild`向父节点添加子节点。 - 使用`insertBefore`在某个现有子节点前插入新节点。 - 使用`replaceChild`替换现有子节点。 - **删除节点**： - 使用`removeChild`删除子节点。 - **禁止浏览器默认行为**： - 在JavaScript中阻止默认行为通常通过事件处理器中的`event.preventDefault()`方法来实现。 - 例如，在表单提交时防止默认的页面重定向行为。 以上是基于“JavaScript达内学习笔记”的详细知识点总结。这些内容涵盖了JavaScript的基础语法、数据类型、DOM操作等方面，对于初学者来说是非常有价值的参考资料。