原生js怎么导出word文档

原生JavaScript导出Word文档的常见方法包括：使用Blob对象、借助第三方库、利用HTML模板。其中，使用Blob对象是最常见的方法之一，因为它能够创建一个文件并指定其内容和类型，从而实现导出功能。接下来，我们将详细探讨如何使用Blob对象实现这个目的。

一、使用Blob对象导出Word文档

1. Blob对象简介

Blob（Binary Large Object）是JavaScript中用于处理文件的对象。它可以将文本或二进制数据转换为文件形式，从而方便地导出到用户的本地存储。

2. 创建并导出Word文档

使用Blob对象导出Word文档的基本步骤如下：

创建一个包含Word文档内容的字符串；
使用Blob对象将字符串转换为文件；
创建一个URL，指向这个Blob对象；
创建一个链接元素，设置其href属性为这个URL，并模拟点击事件，触发下载。

// 创建包含Word文档内容的字符串
var content = "<html><head><meta charset='utf-8'><title>Document</title></head><body><h1>Hello, World!</h1></body></html>";
// 创建Blob对象
var blob = new Blob(['ufeff', content], {
    type: 'application/msword'
});
// 创建URL
var url = URL.createObjectURL(blob);
// 创建链接元素
var a = document.createElement('a');
a.href = url;
a.download = 'document.doc';
// 模拟点击事件
document.body.appendChild(a);
a.click();
// 移除链接元素
document.body.removeChild(a);

3. 优化导出内容

为了实现更复杂的Word文档内容，可以将HTML模板和JavaScript结合起来，动态生成文档内容。例如，可以从表单中获取用户输入，或者从API中获取数据，并插入到Word文档中。

二、借助第三方库

1. js-xlsx库

js-xlsx 是一个用于处理Excel文件的库，但它同样支持导出Word文档。通过将数据转换为表格形式，再导出为Word文档，可以实现较为复杂的数据处理需求。

2. PptxGenJS库

PptxGenJS 是一个用于生成PowerPoint文件的库，但同样可以用于生成Word文档。通过创建一个包含所需内容的幻灯片，并导出为Word文档，可以实现复杂的文档生成需求。

3. Docx库

Docx 是一个专门用于生成Word文档的库。它提供了丰富的API，可以生成复杂的文档结构和样式。

import { Document, Packer, Paragraph, TextRun } from "docx";
// 创建文档
const doc = new Document({
    sections: [{
        properties: {},
        children: [
            new Paragraph({
                children: [
                    new TextRun("Hello World"),
                    new TextRun({
                        text: "This is bold",
                        bold: true,
                    }),
                    new TextRun({
                        text: "This is italic",
                        italics: true,
                    }),
                ],
            }),
        ],
    }],
});
// 导出文档
Packer.toBlob(doc).then(blob => {
    const url = URL.createObjectURL(blob);
    const a = document.createElement('a');
    a.href = url;
    a.download = 'document.docx';
    document.body.appendChild(a);
    a.click();
    document.body.removeChild(a);
});

三、利用HTML模板

1. 创建HTML模板

HTML模板是一种简单而强大的方式，可以用于生成复杂的文档结构。通过将HTML模板和JavaScript结合起来，可以动态生成文档内容，并导出为Word文档。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <h1 id="title">Hello, World!</h1>
    <p id="content">This is a sample document.</p>
</body>
</html>

2. 使用JavaScript动态生成内容

通过JavaScript，可以动态地生成文档内容，并插入到HTML模板中。

// 获取HTML模板
var template = `
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <h1>{{title}}</h1>
    <p>{{content}}</p>
</body>
</html>
`;
// 动态生成内容
var title = "Hello, World!";
var content = "This is a dynamically generated document.";
var html = template.replace("{{title}}", title).replace("{{content}}", content);
// 创建Blob对象
var blob = new Blob(['ufeff', html], {
    type: 'application/msword'
});
// 创建URL
var url = URL.createObjectURL(blob);
// 创建链接元素
var a = document.createElement('a');
a.href = url;
a.download = 'document.doc';
// 模拟点击事件
document.body.appendChild(a);
a.click();
// 移除链接元素
document.body.removeChild(a);

四、总结

综上所述，通过使用Blob对象、借助第三方库、利用HTML模板，都可以实现原生JavaScript导出Word文档的功能。其中，使用Blob对象是最常见的方法，适用于简单的文档生成需求；借助第三方库可以处理更复杂的数据和文档结构；利用HTML模板则可以灵活地生成动态内容。根据具体需求选择合适的方法，可以高效地实现导出Word文档的功能。