在 JavaScript 中写新行
Harshit Jindal
2023年10月12日
根据情况和我们想要的输出，我们可以通过三种方式在 JavaScript 中添加新行。本教程讨论了所有三种情况。
在 JavaScript 中使用换行符添加新行
在 JavaScript 中，\n 符号代表换行符。如果我们需要在控制台上打印不同行的单词，我们可以在字符串内部使用\n 来引入换行符。
例子：
let str = 'This is in line 1.\nThis is in line 2.';
console.log(str);
输出：
This is in line 1.
This is in line 2.
在 JavaScript 中使用模板文字添加新行
模板文字是 JavaScript 将变量和表达式插入字符串、带引号的字符串和多行字符串的方法。它们用反引号括起来，使得在 JavaScript 中引入新行变得更容易。
例子：
let str = `This is in line 1.
This is in line 2.`;
console.log(str);
输出：
This is in line 1.
This is in line 2.
在 JavaScript 中使用 HTML <br> 标记向 DOM 输出添加新行
我们可以通过在 HTML 中使用 <br> 标记来使用 DOM 进行换行。但此方法专门针对网页，不适用于控制台。
例子：
<body>
<div id="addNewline"></div>
<script>
let element = document.getElementById("addNewline");
element.innerHTML = "Hello World!<br/>This is my string";
</script>
</body>
输出：
Hello World!
This is my string
在这里，我们选择一个 HTML 元素，并在其内部的 HTML 中添加一个带有换行符的字符串。
作者： Harshit Jindal
Harshit Jindal has done his Bachelors in Computer Science Engineering(2021) from DTU. He has always been a problem solver and now turned that into his profession. Currently working at M365 Cloud Security team(Torus) on Cloud Security Services and Datacenter Buildout Automation.
LinkedIn