在 JavaScript 中写新行

Harshit Jindal 2023年1月30日 2022年5月10日
  1. 在 JavaScript 中使用换行符添加新行
  2. 在 JavaScript 中使用模板文字添加新行
  3. 在 JavaScript 中使用 HTML <br> 标记向 DOM 输出添加新行
在 JavaScript 中写新行

根据情况和我们想要的输出,我们可以通过三种方式在 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 avatar Harshit Jindal avatar

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