HTML 转 JS 是转成什么？

把 HTML 按行包成 document.write('…') 语句，并对行内的单引号、反斜杠做转义。这样就能在 JS 里逐行输出这段 HTML，是把静态 HTML 片段塞进脚本的经典做法。

JS 转 HTML 怎么用？

把一段包含 document.write('…') 的 JS 粘进来，工具会提取每条语句里的字符串、还原转义并按行拼回 HTML，方便从旧脚本里把 HTML 抠出来。

不推荐在现代页面里用 document.write（会阻塞解析、在异步加载后调用会清空页面）。此工具主要用于维护老代码、广告代码片段、或快速把 HTML 片段转成可拼接的 JS 字符串；新项目建议用模板字符串或 DOM API。

不会。转换全部在浏览器本地完成，内容不会上传到 chdh.me 或任何第三方。

HTML → JS：每行转成 document.write('…')（自动转义引号/反斜杠）； JS → HTML：从 document.write 提取还原。纯前端、不上传。

HTML 输入

JS 输出

document.write('<div class="card">');
document.write('  <h2>标题</h2>');
document.write('  <p>他说 \'hello\'</p>');
document.write('</div>');

说明：HTML → JS 把每行包成 document.write('…')（转义引号/反斜杠）； JS → HTML 反向提取还原。适合把静态 HTML 片段嵌进 JS 输出。

维护老网页 / 广告代码里那种 document.write('…') 拼出来的 HTML 时，用它在「可读 HTML」和「可执行 JS」之间来回切；或者快速把一段静态 HTML 片段转成能拼进脚本的字符串。

现代页面不建议用 document.write——它会阻塞解析，且在页面加载完成后调用会清空整页。新项目请用模板字符串 + innerHTML 或 DOM API。本工具主要服务于老代码维护与片段转换。

本工具是 出海导航 chdh.me 免费在线工具集的一员，同类还有 Base64 编码/解码、 SVG 压缩、 JSON 转 Java，均纯前端运行、不上传、不追踪。