js实现换行
实现换行的几种方法
在JavaScript中,可以通过多种方式实现换行效果,具体取决于应用场景(如控制台输出、HTML页面渲染等)。
控制台输出换行
在控制台中使用\n实现换行:
console.log("第一行\n第二行");
HTML页面换行
在HTML中需要通过<br>标签或CSS实现换行:
// 方法1:使用innerHTML插入<br>
document.getElementById("demo").innerHTML = "第一行<br>第二行";
// 方法2:使用CSS的white-space属性
document.getElementById("demo").style.whiteSpace = "pre";
document.getElementById("demo").textContent = "第一行\n第二行";
字符串模板换行
ES6模板字符串支持直接换行:
const text = `第一行
第二行`;
console.log(text);
文件写入换行
写入文件时使用\r\n(Windows)或\n(Unix):

const fs = require('fs');
fs.writeFileSync('test.txt', '第一行\r\n第二行');
注意事项
- 不同操作系统换行符可能不同(Windows为
\r\n,Linux/macOS为\n) - HTML中直接使用
\n不会显示换行,需转换为<br>或使用CSS处理 - 正则表达式匹配换行时需用
\r?\n兼容不同系统






