JavaScript 教程

纯干货教学,从零开始学习 JavaScript

JavaScript 实用工具

欢迎使用我们的 JavaScript 实用工具集,这些工具专为初学者设计,帮助您更轻松地学习和使用 JavaScript。所有工具都在本地运行,无需联网,确保您的代码和数据安全。

JavaScript 代码格式化工具

格式化您的 JavaScript 代码,使其更易读、更整洁。

JSON 格式化和验证工具

格式化和验证 JSON 数据,确保其语法正确。

正则表达式测试工具

测试正则表达式是否匹配您的文本,实时查看匹配结果。

时间戳转换工具

在 Unix 时间戳和人类可读的日期时间之间转换。

JavaScript 内置方法速查

常用 JavaScript 内置方法的快速参考,包括方法语法和使用示例。

方法 描述 示例
Array.push() 向数组末尾添加元素 [1,2,3].push(4) → [1,2,3,4]
Array.pop() 移除数组末尾元素 [1,2,3].pop() → [1,2]
String.charAt() 返回指定位置的字符 "hello".charAt(0) → "h"
String.toUpperCase() 转换为大写 "hello".toUpperCase() → "HELLO"
Number.parseInt() 解析字符串为整数 parseInt("123") → 123
Math.random() 生成随机数 Math.random() → 0.123...

JavaScript 事件参考表

常用 JavaScript 事件的快速参考,包括事件类型和描述。

事件 描述 示例
click 鼠标点击元素 element.onclick = func
mouseover 鼠标悬停在元素上 element.onmouseover = func
keydown 按下键盘按键 document.onkeydown = func
load 页面或图像加载完成 window.onload = func
change 表单元素值改变 input.onchange = func
submit 提交表单 form.onsubmit = func

JavaScript 颜色转换工具

在不同颜色格式之间转换,包括十六进制、RGB 和 HSL。

十六进制: #333333

RGB: rgb(51, 51, 51)

HSL: hsl(0, 0%, 20%)

JavaScript 代码压缩工具

压缩您的 JavaScript 代码,减少文件大小,提高加载速度。

JavaScript 模板生成器

快速生成常用的 JavaScript 代码模板,如函数、对象等。

选择模板类型:

JavaScript 错误参考

常见 JavaScript 错误的解释和解决方法。

错误 描述 解决方法
ReferenceError 引用了未定义的变量 确保变量已声明
TypeError 类型错误,如调用非函数 检查变量类型
SyntaxError 语法错误 检查代码语法
RangeError 范围错误,如数组索引超出范围 检查索引范围
URIError URI 编码/解码错误 检查 URI 格式