全部内容
JS实现文本框仅允许输入数字与小数点的正则处理方案

本文介绍如何使用JavaScript结合正则表达式限制HTML文本框仅允许输入数字和小数点。通过replace方法过滤非法字符,处理首位为小数点、多个小数点及末尾小数点等边界情况,并禁用粘贴功能以确保数据合法性。

2026-10-26 19:15:49
320
木棉
JavaScript 常用字符串验证与处理函数库

本文整理了一套实用的 JavaScript 字符串处理与验证函数库,涵盖空值检查、中英文及数字判断、身份证与电话格式验证等场景。通过扩展 String 原型,提供 Trim、Occurs、isDigit 等方法,并附带表单输入限制的正则表达式示例,帮助开发者快速实现前端数据校验功能。

2026-10-26 19:12:09
399
小括号
JavaScript面向对象编程核心概念详解

本文深入解析JavaScript面向对象编程的核心机制。涵盖对象定义、多种创建方式及构造函数原理,详细区分公有、私有、特权与静态成员的实现方法。同时讲解this关键字、call/apply用法及异常处理,为掌握JS原型链与继承奠定基础。

2026-10-26 19:11:47
587
木棉
Fixie.js:基于HTML5语义的自动内容填充工具

Fixie.js是一款开源JavaScript工具,通过解析HTML5语义标签自动填充占位内容,解决前端开发中预览布局时手动输入Lorem Ipsum的低效问题。支持class属性与init方法两种调用方式,可自定义图片源并集成至Rails框架,显著提升页面原型构建效率。

2026-10-26 19:11:06
446
青柠
JavaScript DOM节点类型与操作方法详解

本文详细解析JavaScript中DOM节点的三种基本类型:元素节点、属性节点和文本节点,并通过完整HTML与JS代码演示如何获取节点信息。同时介绍了hasChildNodes、removeChild、appendChild、replaceChild、insertBefore及cloneNode等核心DOM操作方法,帮助开发者掌握节点树的遍历与修改技巧。

2026-10-26 19:10:51
186
白露
JavaScript事件处理程序的三种方式与跨浏览器兼容方案

本文系统梳理了JavaScript中指定事件处理程序的三种主要方式:HTML内联指定、DOM0级方法以及DOM2级方法(addEventListener/removeEventListener)。同时介绍了IE特有的attachEvent机制及其执行顺序差异,并提供了基于特性检测的EventUtil对象以实现跨浏览器的事件添加与移除,确保代码在不同环境下的兼容性与可维护性。

2026-10-26 19:10:17
138
微光
JavaScript中onbeforeunload与onunload事件的区别及应用

本文详细解析JavaScript中onbeforeunload与onunload事件在页面刷新或关闭时的执行顺序与区别。onbeforeunload可在onunload前执行并阻止页面离开,而onunload无法阻止。文章提供了两种事件的用法、触发场景及浏览器兼容性说明,并给出通过event.clientX等属性判断用户是关闭浏览器还是刷新页面的具体代码示例。

2026-10-26 19:09:26
439
小圆点
JavaScript 作用域容易记错的两个地方分析

本文深入分析 JavaScript 作用域中两个常见易错点:函数内未声明变量隐式成为全局变量,以及 var 声明的变量提升导致 undefined。通过具体代码示例,解析变量在函数内外声明的行为差异,帮助开发者避免潜在 Bug。

2026-10-26 19:09:00
527
函数茶馆
JavaScript 系统对话框:alert、confirm 与 prompt 详解

本文详细介绍 JavaScript 中三种系统对话框的使用方法。alert 用于弹出警告信息;confirm 提供确定与取消选项,返回布尔值;prompt 允许用户输入文本并返回字符串。通过具体代码示例展示各函数的参数设置、返回值处理及实际应用场景,帮助开发者掌握基础交互功能。

2026-10-26 19:07:16
640
半夏
JavaScript 定时器详解:setTimeout 与 setInterval 的使用及最佳实践

本文深入解析 JavaScript 中的两种核心定时器机制:超时调用(setTimeout)与间歇调用(setInterval)。详细说明了它们的参数、返回值及取消方法,并通过代码示例展示了如何创建和清除定时器。文章最后指出,由于间歇调用可能导致的执行堆积问题,推荐使用递归的超时调用作为更稳健的替代方案,以确保代码执行的准确性和时序控制。

2026-10-26 19:07:15
285
青柠
JavaScript 正则表达式基础:修饰符、字符类与非贪婪匹配详解

本文系统介绍 JavaScript 中正则表达式的核心语法,涵盖常用修饰符如点号、星号、加号、问号及边界符号的用法,解析 \d、\w、\s 等字符类定义,并阐述非贪婪匹配模式(如 +?、*?)的实现方式,帮助开发者掌握基础正则编写技巧。

2026-10-26 19:05:22
306
异步漫步
JavaScript函数内部属性与apply/call方法详解

本文深入解析JavaScript函数的核心特性,重点讲解arguments对象中callee属性的递归应用及陷阱,以及length属性。详细对比apply与call方法在参数传递和作用域绑定上的异同,通过代码示例展示如何利用这两个方法改变函数执行时的this指向,帮助开发者掌握函数的高级用法。

2026-10-26 19:03:30
351
代码拾荒