### JavaScript基础知识总汇
#### 一、JavaScript基本格式
JavaScript是一种广泛使用的脚本语言，用于增强网页交互性。它的基本格式通常如下：
```javascript
<script type="text/javascript">
function 函数名() {
// 代码块...
}
</script>
```
其中，`<script>`标签用于定义JavaScript代码段，`type="text/javascript"`属性指定该脚本为JavaScript类型。`function`关键字用于声明函数，后面跟着函数名和括号内的参数列表，大括号内则是函数体。
#### 二、常用事件
JavaScript中的事件处理机制使得开发者能够响应用户的各种操作。以下是一些常见的事件：
- **onclick**：当用户点击某个元素时触发。
- **onload**：当页面加载完毕后触发。
- **onchange**：当用户更改一个表单字段时触发。
- **onblur**：当元素失去焦点时触发。
这些事件通常与HTML元素结合使用，例如通过在HTML元素上添加事件监听器来响应用户的动作。
#### 三、变量类型
JavaScript支持多种数据类型，包括：
- **string**：字符串类型，用于表示文本。
- **number**：数值数据类型，包括整数和浮点数。
- **boolean**：布尔类型，只能取true或false。
- **undefined**：未赋值数据类型，表示变量已被声明但尚未被赋值。
- **null**：空数据类型，表示没有任何值。
- **object**：对象类型，用于表示复杂的数据结构。
#### 四、基础类
##### 1. String 字符串
- **创建**：使用双引号或单引号创建字符串。
```javascript
var str = "Hello, World!";
```
- **方法**：
- `charAt(i)`：返回指定位置的字符。
- `charCodeAt(i)`：返回指定位置的字符的Unicode编码。
- `fromCharCode()`：将一个或多个指定的Unicode值转换为字符串。
- `indexOf(s)`：查找指定字符串的位置，若不存在则返回-1。
- `substring(start, end)`：获取指定索引范围内的子字符串。
##### 2. Date 时间
- **创建**：通过`new Date()`创建日期对象。
```javascript
var date = new Date();
```
- **方法**：
- `toString()`：返回日期的标准字符串形式。
- `toTimeString()`：返回时间的部分。
- `toDateString()`：返回日期的部分。
- `toLocaleString()`：返回本地格式化的日期和时间。
- `toLocaleTimeString()`：返回本地格式化的时间。
- `toLocaleDateString()`：返回本地格式化的日期。
##### 3. Math 数学
- **方法**：
- `floor(x)`：向下取整。
- `random()`：返回0到1之间的随机数。
##### 4. Number
- **创建**：可以通过`new Number()`创建数字对象，也可以直接声明数字变量。
```javascript
var num = new Number(10);
```
- **方法**：
- `toString()`：将数字转换为字符串，可指定进制。
#### 五、DOM 功能
DOM（Document Object Model）是一种用于表示和操作HTML文档的API。
##### 1. window 对象
- **方法**：
- `alert()`：显示带有消息和确认按钮的警告框。
- `confirm()`：显示带有消息及确认和取消按钮的对话框。
- `open()`：打开新的浏览器窗口。
- `close()`：关闭当前浏览器窗口。
##### 2. location 对象
- **属性**：
- `href`：完整的URL。
- `host`：主机名和端口号。
- `hostname`：主机名。
- `hash`：从井号(#)开始的URL部分。
- `search`：从问号(?)开始的URL部分。
- **方法**：
- `replace()`：用新文档替换当前文档。
- `reload()`：重新加载当前文档。
##### 3. navigator 对象
- **属性**：
- `appName`：返回浏览器名称。
- `appVersion`：返回浏览器版本和平台信息。
- `cookieEnabled`：返回浏览器是否启用了Cookie。
##### 4. document 对象
- **元素**：
- **锚（anchor）**：使用`<a>`标签创建。
- `href`：链接的URL。
- `innerHTML`：链接的内容。
- `target`：链接打开的目标位置。
- **图片（image）**：
- `complete`：是否加载完成。
- `height`：图片高度。
- `src`：图片源。
- `width`：图片宽度。
- **表单（form）**：
- `action`：表单提交的URL。
- `id`：表单ID。
- `method`：提交方法（GET或POST）。
- `submit()`：提交表单。
- **输入（input）**：
- `id`：输入控件ID。
- `maxLength`：最大长度。
- `name`：控件名称。
- `value`：控件值。
- **选择（select）**：
- `size`：选项大小。
以上是JavaScript基础知识总汇的一些核心内容。通过理解这些概念和技术，你可以更有效地使用JavaScript进行Web开发。
