HTML元素href属性写javascript-void-0-注意啥-html教程-PHP中文网

会，href="javascript:void(0)" 会触发 csp 拦截，因其被视作内联脚本执行行为，即使无实际代码也会被 script-src 'self' 等策略禁止，chrome 报 refused to execute script from 'javascript:void(0)'。

html元素href属性写javascript-void-0-注意啥

href="javascript:void(0)" 会触发 CSP 拦截吗？

会，而且非常容易被拦——尤其在启用 script-src 'self' 或更严格的 CSP 策略时。javascript: 协议默认被大多数现代 CSP 配置禁止，Chrome 控制台会直接报错：Refused to execute script from 'javascript:void(0)' because it violates the following Content Security Policy directive。

这不是浏览器“bug”，而是安全机制主动拦截。即使你写了 void(0)，浏览器仍视其为内联脚本执行行为，CSP 不区分“有没有实际代码”，只认协议头。

必须检查部署环境的 CSP header，确认是否显式允许 javascript:（极不推荐）
若用 Webpack/Vite 构建，某些插件（如 html-webpack-plugin）可能自动注入 CSP meta 标签，导致本地正常、线上失效
javascript:void(0) 在 Firefox 和 Safari 中同样受控，不能依赖“某个浏览器暂时放过”

onclick 里写 return false 还是 e.preventDefault()？

优先用 e.preventDefault()，return false 在事件委托场景下容易漏掉默认行为。

比如给父容器绑 click 事件监听，子链接用 href="javascript:void(0)"，此时 return false 只阻止当前 handler，但 javascript:void(0) 自身仍可能触发跳转（尤其在旧版 IE 或某些 polyfill 下）；而 e.preventDefault() 明确作用于事件本身，兼容性更稳。

Doc To HTML

使用 MinerU 文档处理引擎将 Word 文档（.doc、.docx）转换为保留结构和格式的干净 HTML。

下载

别混用：href="javascript:void(0)" + onclick="doSomething(); return false" 是冗余且不可靠的组合
如果用了事件委托，必须在事件处理器里调 e.preventDefault()，不能只靠 href 值“假装没行为”
return false 还会同时 stopPropagation()，这往往不是你想要的副作用

为什么 screen reader 和键盘用户常卡在这类链接上？

因为 href="javascript:void(0)" 本质不是按钮，它缺失语义和可交互契约：没有 tabindex、没有 role、不响应 Enter/Space 键（除非手动监听），屏幕阅读器可能读作“链接”，但无法告知用户“这其实是个开关”。

更麻烦的是，部分 AT（辅助技术）会跳过无有效 href 的链接，或报“空链接”警告，影响 WCAG 2.1 AA 合规性。

若必须保留 <a></a> 样式，至少补全：role="button" tabindex="0"，并监听 keydown 处理 Enter/Space
真正该做的是换标签：<button type="button"></button> 天然支持键盘、焦点、语义，样式可用 CSS 复刻
不要指望加个 aria-label 就能绕过结构缺陷——AT 依赖 DOM 角色，不是靠文本描述猜意图

void(0) 的括号和空格写错会怎样？

写成 javascript:void 0（缺括号）或 javascript:void( 0 )（括号内空格过多）在部分旧浏览器（IE8–）会直接解析失败，触发 SCRIPT5007: Unable to get property 'xxx' of undefined or null reference 类错误。

现代浏览器虽容错较强，但 javascript:void(0) 是唯一被广泛验证的写法。漏括号会导致 void 当作变量名查找，报 ReferenceError: void is not defined（尽管 void 是关键字，但语法错误优先级更高）。