JavaScript 如何转义 HTML

快速答案

把 &, <, >, 引号转换为实体，避免用户输入直接进 innerHTML。

js

const escapeHtml = (s) => s.replace(/[&<>"']/g, ch => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[ch]));

使用要点

把用户输入用于选择器、正则或 HTML 前要先转义。
DOM 示例默认在浏览器中执行，放进框架组件时要等元素渲染完成。

相关内容

JavaScript 如何添加删除切换 class JavaScript 如何添加删除切换 class：使用 classList.add/remove/toggle，避免手动拼接 className。示例可直接...
JavaScript 多维数组如何拍平 JavaScript 多维数组如何拍平：用 flat 指定深度，不确定深度时可以传 Infinity。示例可直接复制到浏览器或项目代码中，并附相关教程、工具入...
JavaScript 如何求数组最大值和最小值 JavaScript 如何求数组最大值和最小值：小数组可用 Math.max 展开，大数组用 reduce 更稳。示例可直接复制到浏览器或项目代码中，并附相关...
JavaScript 数组如何求和 JavaScript 数组如何求和：用 reduce 累加数值，注意把字符串先转成数字。示例可直接复制到浏览器或项目代码中，并附相关教程、工具入口。
async/await 如何统一捕获错误 async/await 如何统一捕获错误：在调用边界用 try/catch 包住 await，并把错误转成用户能看懂的信息。示例可直接复制到浏览器或项目代码中...
JavaScript 如何进行 Base64 编码和解码 JavaScript 如何进行 Base64 编码和解码：英文可用 btoa/atob，中文要先用 TextEncoder/TextDecoder 处理。示例...