卓越飞翔博客卓越飞翔博客

卓越飞翔 - 您值得收藏的技术分享站
技术文章64336本站已运行4115

js输出怎么换行

javascript 中换行的方法

在 JavaScript 中,有几种方法可以在输出中换行:

1. 使用 "n" 转义字符

最简单的方法是在字符串中使用 "n" 转义字符,它代表换行符。例如:

console.log("行 1n行 2n行 3");

输出:

行 1
行 2
行 3

2. 使用多行字符串

JavaScript 支持多行字符串,可以用反引号 (`) 编写。换行符将自动添加到行末:

console.log(`行 1
行 2
行 3`);

输出:

行 1
行 2
行 3

3. 使用 CSS 的 "white-space" 属性

如果输出是 DOM 元素的内容,可以使用 CSS 的 "white-space" 属性来控制换行。例如:

<div id="output" style="white-space: pre-line">
  行 1
  行 2
  行 3
</div>
document.getElementById("output").innerHTML = "行 1n行 2n行 3";

输出:

行 1
行 2
行 3

4. 使用 Template Literals

ES6 中引入了 Template Literals,可以使用 n 换行符:

console.log(`行 1
行 2
行 3`);

输出:

行 1
行 2
行 3
卓越飞翔博客
上一篇: js怎么实现局部刷新
下一篇: js字符串拼接怎么换行
留言与评论(共有 0 条评论)
   
验证码:
隐藏边栏