空 href 会触发未定义的页面级副作用（如刷新），preventdefault() 无法拦截，因行为发生在 js 执行前；最稳妥解法是从 html 层面避免空 href，改用 javascript:void(0)、about:blank 或 role="button"。
href 属性为空（如 href="" 或 href=" "）时，浏览器行为不一致：Chrome 可能刷新当前页，Firefox 可能静默忽略，Safari 可能报错或跳转到当前 URL 根路径。这不是“没反应”，而是未定义行为——根本没法靠 preventDefault() 统一拦截，因为部分情况下默认行为压根不是“导航”，而是重载或解析失败。
为什么 href="" 不能靠 event.preventDefault() 拦住
空 href 触发的不是标准导航事件，而是页面级副作用（如 reload），这类行为在事件流中无法被 click 的 preventDefault() 拦截。即使你绑了监听器，JS 执行前页面可能已刷新或跳走。
- 控制台里看不到 Network 请求，说明没发出去——它根本没走到网络层
-
console.log(event)可能根本执行不到，尤其在 Safari 移动端 - 用
return false在内联onclick里也无效，因为刷新发生在 JS 运行前
直接替换 href 值是最稳的解法
别等 JS 加载、别信事件绑定时机，从 HTML 层面掐断源头。只要 href 不为空且不触发导航，就安全。
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
-
href="javascript:void(0)"：兼容所有现代浏览器，无跳转、无 history 记录，CSP 允许时可用 -
href="#void"：前提是 DOM 中**绝对没有**id="void"元素，否则会滚动到那个元素 -
href="about:blank"：不触发 history、不滚动、不加载资源，比void(0)更干净，但部分老 IE 不支持 - 删掉
href改用role="button" tabindex="0"：语义最正，适合交互控件，但需手动处理Enter/Space键
如果必须保留空 href（如 CMS 输出不可改）
那就得在 JS 加载后立刻批量修正，不能依赖点击时才处理——否则第一次点击就可能刷新。
- 用
document.querySelectorAll('a[href=""], a[href="\s*"]')找出所有问题链接 - 统一设为
link.href = "javascript:void(0)"，并缓存原始值（万一后续要恢复） - 避免用
addEventListener("click", ...)动态拦截，因为首次点击已在 DOMContentLoaded 前发生 - 若页面有 CSP 策略禁止
javascript:，改用about:blank并加rel="noopener"
真正麻烦的从来不是怎么写 JS，而是空 href 让你连补救机会都没有——它可能在你 JS 还没 parse 完就刷掉了整个页面。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
