如何在浏览器端JS中生成原生换行（EOL）字符？

要生成包含原生换行符的文本并提供下载，核心是直接在字符串中写入对应的换行符（\n或\r\n），再通过Blob和下载链接实现下载，具体实现如下：

1. 构造带换行的文本内容 #

直接在字符串里用\n（Unix/Linux风格换行）或\r\n（Windows风格换行）分隔内容，示例：

// Unix/Linux风格换行的文本
const unixStyleText = "第一行内容\n第二行内容\n第三行内容";

// Windows风格换行的文本
const winStyleText = "第一行内容\r\n第二行内容\r\n第三行内容";

2. 生成文件并触发下载 #

通过Blob将字符串转为文件对象，再创建隐藏的<a>标签触发下载，封装成通用函数更方便使用：

function downloadTextFile(content, filename, eolType = 'unix') {
  // 统一换行符格式（可选）
  const processedContent = eolType === 'win' 
    ? content.replace(/\n/g, '\r\n') 
    : content;
  
  // 创建文本Blob对象
  const blob = new Blob([processedContent], { type: 'text/plain;charset=utf-8' });
  
  // 创建下载链接
  const downloadLink = document.createElement('a');
  downloadLink.href = URL.createObjectURL(blob);
  downloadLink.download = filename;
  
  // 触发下载
  document.body.appendChild(downloadLink);
  downloadLink.click();
  
  // 清理资源
  document.body.removeChild(downloadLink);
  URL.revokeObjectURL(downloadLink.href);
}

// 调用示例
downloadTextFile("第一行\n第二行\n第三行", "unix-style.txt");
downloadTextFile("第一行\n第二行\n第三行", "win-style.txt", 'win');

关键细节 #

• Blob会完整保留字符串中的原生换行符，不会自动转换格式，所以只要构造字符串时用对换行符，生成的文件就会有对应换行效果。
• 如果需要兼容多系统，可以通过替换换行符统一格式，比如把所有\n替换为\r\n适配Windows环境。
• 下载完成后调用URL.revokeObjectURL释放内存，避免浏览器内存泄漏。

内容的提问来源于stack exchange，提问作者xuhdev