在 JavaScript 中写新行
Harshit Jindal
2023年1月30日
2022年5月10日
根据情况和我们想要的输出,我们可以通过三种方式在 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 中添加一个带有换行符的字符串。
Author: 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