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 格式 |