javascript:void(0) 不能随便写在 中，因其破坏可访问性（屏幕阅读器读作“无目的地链接”）、损害seo、导致键盘导航不可靠，且在safari可能重载页面、firefox对focus样式更严格；csp启用时会被直接拦截报错；现代推荐用 href="#" + event.preventdefault() 或语义更准的 替代。
javascript:void(0) 为什么不能随便写在 <a href></a> 里
它确实能阻止默认跳转，但会破坏可访问性、SEO 和键盘导航——屏幕阅读器可能读作“链接，无目的地”，键盘用户按 Enter 时行为不可靠，搜索引擎也可能忽略或降权该链接。
更关键的是，现代浏览器对 javascript:void(0) 的解析存在细微差异：Safari 在某些版本中会触发页面重载，Firefox 对空 href 的 focus 样式处理更严格。
- 不是所有“不需要跳转”的场景都该用
<a></a>，优先考虑语义正确的替代标签 - 如果必须用
<a></a>（比如要复用按钮样式或继承父级链接交互逻辑），href应设为#或留空，再用event.preventDefault()拦截 -
javascript:void(0)在 CSP（内容安全策略）启用时可能被直接拦截，报错Refused to execute inline script
替代 javascript:void(0) 的三种安全写法
核心原则：保持语义、兼容交互、不依赖内联 JS。
- 用
<a href="#" onclick="doSomething(); return false;"></a>—— 简单但需手动return false，否则会滚动到页面顶部 - 用
<a href="#"></a>+ 外部事件监听：document.querySelector('a').addEventListener('click', e => { e.preventDefault(); doSomething(); }); - 改用
<button type="button"></button>—— 语义最准确，天然支持空格/回车触发、焦点管理、无障碍属性（如aria-label）
什么时候真该保留 <a></a> 标签？
仅当元素具备明确的“链接”语义，且目标是动态内容（如展开菜单、切换标签页、加载懒加载区块），而非提交表单或触发副作用操作。
- 菜单项、选项卡标题、锚点切换控件 —— 它们本质是“导航到页面某部分或某状态”，
<a></a>合理 - 避免把“删除”“保存”“提交”这类操作按钮写成
<a href="javascript:void(0)"></a>，这是语义错位 - 若用
href="#section-id"实现平滑滚动，记得加scroll-behavior: smoothCSS，别依赖 JS 补丁
CSP 环境下 javascript:void(0) 直接失效怎么办
很多企业项目启用了严格 CSP（如 script-src 'self'），此时内联 javascript: 协议会被拒绝执行，点击后静默失败，控制台报 Refused to run the JavaScript URL...。
- 绝对不要在
href中写任何javascript:开头的内容，CSP 下它就是废代码 - 统一用
href="#"或href=""，再通过事件委托或单独绑定处理逻辑 - 若必须保留空链接外观，可用
href="about:blank"（注意：部分旧版 IE 不支持），但仍是权宜之计
button，忘了加 type="button" 就会在表单里意外触提交；而用了 a 却没处理 Enter 键响应，等于把残障用户挡在功能之外。Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
