JavaScript使用Shift+Click实现复选框连续选择与反选
本文介绍在网页开发中，如何通过JavaScript结合jQuery实现类似Excel的Shift+Click多选和反选功能。通过记录最后点击项并计算范围，自动勾选或取消中间选项，提升用户交互体验。
2026-10-13
6
本文介绍在网页开发中，如何通过JavaScript结合jQuery实现类似Excel的Shift+Click多选和反选功能。通过记录最后点击项并计算范围，自动勾选或取消中间选项，提升用户交互体验。
本文深入解析 JavaScript 中的表单（HTMLFormElement）与各类控件（文本框、选择框、单选/复选框）的 DOM 操作。涵盖获取表单对象、阻止默认提交与防重复提交机制、重置逻辑，以及字段属性管理与焦点事件。重点演示了文本框的值读取、跨浏览器文本选择方案、输入过滤及输入法处理策略；并详细阐述 Select 选项的动态增删改查、索引定位以及与 Radio/Checkbox 的联动数据获取方法，提供实用的兼容性解决方案。
在前端开发中，获取DOM元素相对于视口的精确坐标是常见需求。本文介绍使用Element.getBoundingClientRect()方法结合滚动偏移量计算元素绝对位置的原理与代码示例，解决布局错位与自适应窗口场景下的定位难题，提供完整且健壮的测量方案。
本文介绍如何使用 JavaScript 的 document.title 属性来读取当前网页标题，以及如何动态修改页面标题。通过简单的代码示例，展示在浏览器控制台或脚本中获取和设置标题值的方法，适用于 Web 开发中的动态内容管理场景。
本文介绍如何使用JavaScript通过修改DOM元素的disabled属性来控制HTML按钮的可用状态。通过getElementById获取按钮对象，将disabled设为true即可禁用按钮，设为false则可重新启用。文中提供了完整的HTML和JS代码示例，演示动态禁用指定ID按钮的具体操作流程。
本文介绍如何使用 JavaScript 通过 DOM API 定位 HTML 表格中的特定行和列，并修改其内容。核心方法是通过 document.getElementById 获取表格对象，利用 rows 和 cells 属性精准访问单元格，再通过 innerHTML 属性更新文本或 HTML 结构。
本文详细整理了JavaScript中引用HTML元素的多种方法，包括通过ID、Name、标签名获取，以及使用DOM层级关系定位。同时涵盖帧（frame）和弹出窗口（window.open）中的跨文档对象引用技巧，帮助开发者在不同场景下灵活操作DOM元素。
本文详细解析如何使用 JavaScript 实现元素的拖拽功能，包括如何限制拖拽物体不出指定父容器范围，以及如何实现鼠标松开或移动时的边缘吸附效果。通过原生 JS 的 MouseEvent 事件配合 DOM 操作，轻松掌握前端交互的核心逻辑，代码清晰且可直接复用。
本文基于《JavaScript DOM 编程艺术》梳理图片库开发的核心技术。重点解析通过 setAttribute 和直接赋值修改 img.src 的两种方式，阐述 onclick 事件返回 false 以阻止链接跳转的原理。同时深入讲解 childNodes、nodeType 及 nodeValue 属性，说明如何准确获取元素内的文本内容，避免将空白节点误判为数据。
本文详解原生JavaScript获取DOM元素最终样式的多种方法。通过对比 ele.style、getComputedStyle() 和 currentStyle，阐述各自特性及浏览器兼容性差异。文章提供完整代码示例，并封装了一个兼容 IE6+ 与现代浏览器的通用工具函数，帮助开发者在跨环境开发中准确读取计算后的 CSS 值。
本文演示如何使用原生JavaScript通过DOM操作实现坦克大战的基础移动功能。文章详细讲解了如何构建TankObject、Mover和GameLoader等核心类，利用二维数组模拟地图网格，并结合定时器与键盘事件控制坦克状态。旨在为初学者提供清晰的项目结构设计与面向对象编程实践参考。
在Web开发中，准确获取HTML元素的实际渲染高度至关重要。本文介绍使用Element.getBoundingClientRect()方法的正确实现逻辑。该方法返回包含top、bottom等属性的对象，通过计算bottom减top或读取height属性，可兼容处理padding和边框，避免直接读取style.height的局限性，确保获得像素级精确值。