js实现换行

在 JavaScript 中实现换行

字符串中使用 \n 实现换行
\n 是换行符，在字符串中插入后会在输出时换行：

console.log("第一行\n第二行");

使用模板字符串实现多行文本
模板字符串（反引号 `）可以直接按换行格式书写：

console.log(`第一行
第二行`);

在 HTML 中通过 <br> 实现换行
若需在网页中显示换行效果，需将 \n 替换为 <br>：

document.getElementById("demo").innerHTML = "第一行<br>第二行";

通过 CSS 的 white-space 属性保留换行
设置 white-space: pre 或 pre-line 可保留文本中的 \n 换行效果：

element.style.whiteSpace = "pre";
console.log("第一行\n第二行");

不同场景下的换行处理

控制台输出换行
直接使用 \n 或模板字符串即可实现换行：

console.log("Line 1\nLine 2");

DOM 元素文本换行
需结合 CSS 的 white-space 属性：

const div = document.createElement("div");
div.style.whiteSpace = "pre";
div.textContent = "Line 1\nLine 2";
document.body.appendChild(div);

Alert 弹窗换行
在 alert() 中使用 \n：

alert("Line 1\nLine 2");

注意事项

Windows 系统换行符为 \r\n
部分旧系统可能需要使用 \r\n 实现换行，但现代 JavaScript 引擎通常自动兼容 \n。

HTML 中 innerText 与 textContent 的区别
innerText 会忽略换行符，而 textContent 会保留换行符，建议根据需求选择。