在Web开发中,有时需要让用户将网页内容(HTML)导出为 Word 文档(.doc 或 .docx)。本文介绍一种使用原生 HTML + JavaScript 实现的简单方法。
通过设置 MIME 类型为 application/msword,并利用 Blob 和 URL.createObjectURL() 技术,可将 HTML 内容打包成 Word 文档供用户下载。
注意:此方法生成的是 .doc 格式(旧版 Word),并非真正的 .docx(Office Open XML),但大多数 Word 软件都能正常打开。
<button onclick="exportToWord()">导出为Word文档</button>
<script>
function exportToWord() {
const html = `<html xmlns:o='urn:schemas-microsoft-com:office:office'
xmlns:w='urn:schemas-microsoft-com:office:word'
xmlns='http://www.w3.org/TR/REC-html40'>
<head><meta charset='utf-8'></head>
<body>
<h1>这是从HTML导出的Word文档</h1>
<p>当前时间:${new Date().toLocaleString()}</p>
</body></html>`;
const blob = new Blob(['\ufeff', html], {
type: 'application/msword'
});
const url = URL.createObjectURL(blob);
const link = document.createElement('a');
link.href = url;
link.download = '导出文档.doc';
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
URL.revokeObjectURL(url);
}
</script>
点击下方按钮,将当前页面部分内容导出为 Word 文档:
docxtemplater 或后端服务。