全部内容
JavaScript中onclick事件传参的两种实现方式

本文介绍JavaScript中为onclick属性赋值时的两种传参方式。当方法无需参数时,可直接将函数名赋值给onclick;若需传递参数,则必须通过匿名函数包裹调用,即onclick = function() { test(param) },以避免执行时机错误导致的传参失败。

2026-10-27 18:23:45
457
流萤
JavaScript读取ASP.NET Web控件自定义属性

本文介绍如何在ASP.NET Web服务器控件(如TextBox)中定义并读取自定义属性。通过HTML标记添加非标准属性,并在JavaScript中利用document.getElementById获取控件DOM对象,进而访问这些自定义属性的值,实现前端逻辑与服务器控件的交互。

2026-10-27 18:20:59
116
半夏
JavaScript动态添加HTML元素自定义属性详解

本文介绍如何在JavaScript中动态为HTML元素添加自定义属性。通过document.getElementById获取元素后,使用setAttribute方法指定属性名与值。文中提供了完整的HTML与JS代码示例,展示如何在页面加载时添加属性,并通过attributes对象读取自定义属性的值。

2026-10-27 18:19:17
438
像素漫游
JavaScript 实现扫码枪回车提交与焦点自动跳转

本文介绍如何使用 JavaScript 监听键盘输入事件,通过判断回车键触发扫码枪数据提交。代码演示了动态创建隐藏字段、组装表单数据并自动提交至指定接口,同时实现了当输入框为空时自动将焦点跳转至指定元素的功能,适用于物流运单扫描场景。

2026-10-27 18:18:49
280
流萤
JavaScript实现鼠标悬停滑块跟随效果

本文介绍如何使用JavaScript实现鼠标悬停在分类标题上时,下方红色三角形滑块自动跟随移动的效果。通过获取元素坐标并动态修改CSS样式,实现平滑的交互体验。代码包含完整的JS逻辑与HTML结构示例,适用于电商或内容展示页面。

2026-10-27 18:18:30
203
半夏
JavaScript实现动态时钟与多种日期格式输出

本文介绍如何在Web项目中通过JavaScript实现动态时钟显示功能。代码定义了Clock构造函数,提取年月日时分秒及星期信息,并提供toString、toSimpleDate和toDetailDate三种格式化方法。结合setTimeout实现每秒刷新DOM元素,适用于需要实时展示时间的场景。

2026-10-27 18:17:17
394
异步漫步
JavaScript 阻止浏览器后退键防止表单误清空

本文介绍如何使用 JavaScript 和 jQuery 阻止浏览器 Backspace 键触发的后退事件,防止用户误操作导致已填写的表单数据丢失。代码通过判断事件源类型(如 text、password、textarea)及其 readonly 或 enabled 状态,仅在非编辑状态下禁用后退键,确保文本框内正常退格功能不受影响。

2026-10-27 18:16:41
538
流萤
JavaScript Event对象详解及属性使用示例

本文详细解析JavaScript中的Event对象,涵盖其生命周期与适用场景。重点介绍altKey、button、cancelBubble、clientX/Y、ctrlKey、fromElement、keyCode、offsetX/Y、propertyName、returnValue、screenX/Y、shiftKey、srcElement、toElement、type、x/y等核心属性的语法、返回值及具体应用示例,帮助开发者掌握事件状态获取与行为控制。

2026-10-27 18:15:55
487
像素漫游
JavaScript获取屏幕分辨率与物理尺寸的方法

本文介绍如何使用JavaScript获取用户的屏幕分辨率及显示器物理尺寸。通过screen对象获取像素宽高,利用DOM元素offsetWidth进行比例换算,并结合勾股定理计算对角线英寸数,从而在网页中动态显示分辨率和屏幕尺寸信息。

2026-10-27 18:11:56
488
纸飞机
JavaScript实现维吉尼亚(Vigenere)密码算法实例

本文通过JavaScript语言实现了维吉尼亚密码算法。不同于传统的查表法,该实现采用模运算机制,支持字母、数字及标点符号的混合加密。文章详细解析了密钥生成逻辑与加解密核心代码,展示了如何构建字符环以扩展加密字符集,为理解古典密码原理提供了实用的编程案例。

2026-10-27 18:11:32
198
缓存笔记
JavaScript 禁用 Tab 键的兼容实现

本文提供一段 JavaScript 代码,用于在网页中禁用 Tab 键的默认焦点切换行为。通过判断 keyCode 是否为 9,并调用 preventDefault 或设置 returnValue 为 false,实现兼容 IE 6-8、Firefox 和 Chrome 等主流浏览器的功能。

2026-10-27 18:11:10
422
页面旅途
JavaScript判断浏览器类型:IE、Firefox与Opera识别示例

本文介绍如何使用JavaScript通过UserAgent字符串识别浏览器类型,提供两种代码示例分别判断IE、Firefox和Opera浏览器。第一种方法通过indexOf匹配关键字,第二种方法封装函数并尝试获取Firefox版本号,适用于早期Web开发环境。

2026-10-27 18:10:46
165
像素漫游