安全清理HTML属性的关键是精准锚定而非硬删：需用单词边界+显式空格匹配独立属性（如\s+id\s=\s["']1["']），禁用.?模糊匹配，事件属性须用DOM方法removeAttribute删除，删后必须验证JS功能是否断裂。"' ↩
直接用正则硬删 HTML 属性，90% 的翻车都出在边界没控住——id=.*? 会吃掉 data-id，style=".*?" 会吞掉 title="style is not an attribute"，甚至把换行和相邻属性一起抹掉。安全清理的关键不是“怎么删”，而是“怎么精准锚定”。
用单词边界 + 显式空格分隔匹配属性
所有属性必须以独立单词形式出现，不能是其他字符串的子串。比如删 id，就不能只搜 id=，否则 data-id、aria-labelledby 全中招。
- 正确查找模式：
\sid\s*=\s*["'][^"']*["']（开头带空白符，确保是属性名而非子串） - 必须启用编辑器的
.*模式（即正则启用），否则\s不生效 - 替换框留空，不加空格或换行——避免破坏标签结构
- 执行前先点“全部查找”，人工确认命中项全是
id="xxx"这类独立属性，不含data-id或onload
删 style/class 等高频属性要防跨引号和干扰值
style 和 class 值里常含分号、空格、连字符，用 .*? 极易提前截断或越界匹配。否定字符集才是唯一可控方式。
- 删
style：用style\s*=\s*["'][^"']*["']，不是style=".*?" - 删空
class=""：必须用[class=""]选择器，[class]会误删所有带 class 的元素 - 清理
class中部分类名（如删mb-4但留js-submit）：Sublime 不支持条件替换，建议先提取class值到外部处理，再粘回 - 别碰
class里的js-、is-、data-前缀类——它们大概率被 JS 逻辑读取
事件属性（onclick/onsubmit）必须用 DOM 方法删
内联事件属性有 XSS 风险且难维护，但绝不能用正则全局替换。它会破坏注释、伪代码、data-on-click 等自定义属性，还可能跨标签匹配。
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
- 正确做法：
document.querySelectorAll('[onclick], [onsubmit], [onchange]')获取全部匹配元素 - 对每个元素调用：
el.removeAttribute('onclick')、el.removeAttribute('onsubmit')等 - 不要用
innerHTML = innerHTML.replace(...)——会清空已绑定的addEventListener监听器 - 动态插入的内容（如
insertAdjacentHTML）不会自动继承清理逻辑，需在拼接前过滤
删完必须验证 JS 引用是否断裂
HTML 属性本身不影响渲染，但 JS 很可能依赖它们。批量清理后最常被忽略的，是那些不报错、只悄悄失效的功能。
- 全局搜索：
getElementById(、querySelector('#、$('（jQuery）、document.forms[等调用 - 检查是否用于锚点跳转（
）或第三方库标识（如Prism.js的data-line） - 临时注释掉某段 HTML 后，完整走一遍交互流程：表单提交、弹窗开关、Tab 键导航、打印/导出功能
- 特别注意
data-属性——哪怕值为空，也可能被 JS 用作开关标志
真正麻烦的不是写对正则，而是删完之后没人再记得哪些 JS 功能悄悄断了；尤其是没写测试、靠人工点一点才暴露的逻辑，往往上线后才发现。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
