在前端开发中，我们经常需要向网页中插入文本，包括换行符。在JavaScript中，有多种方法可以实现这个目标。
方法一：使用\n字符
最简单的方法是在要插入新行的字符串中添加\n字符。该字符代表换行符，将在网页中生成一个新行。
--- ---- - -----------
在上面的代码中，我们创建了一个名为text的字符串，其中插入了一个\n字符，以便在文本中创建一个新行。然后我们可以在网页中显示这个文本。
--------------
方法二：使用
标签
另一种方法是使用HTML的<br>标签。该标签代表换行符，将在网页中生成一个新行。
--- ---- - -------------
在上面的代码中，我们创建了一个名为text的字符串，其中插入了一个<br>标签，以便在文本中创建一个新行。然后我们可以在网页中显示这个文本。
--------------
方法三：使用CSS样式
还可以使用CSS样式来创建新行。通过设置元素的white-space属性为pre-wrap，我们可以让浏览器保留文本中的空格和换行符。
- - ------------ --------- -
接下来，我们可以在JavaScript中创建一个包含换行符的字符串，并将其插入到网页中。
--- ---- - ----------- --------------------------------------- - -----
总结
以上是三种在JavaScript中创建新行的方法。使用\n字符是最简单、最快速的方法，但它不能保留HTML标签。使用<br>标签可以保留HTML标签，但需要手动添加标签。使用CSS样式可以自动保留HTML标签和空格，但需要进行一些CSS编码。根据不同的需求，选择合适的方法可以使代码更加高效。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/11430