JavaScript 中的换行符
本文将介绍一些 JavaScript 换行方法以及在处理字符串时如何使用它们。
JavaScript 中的字符串操作可能是一个棘手的话题。字符串操作易于学习但难以实现，其中之一就是在字符串中添加新行。
JavaScript 中有很多换行的方法，但它们并不像 HTML 中的段落或换行标签那么简单。
让我们看一下 JavaScript 中最常用的换行方法。
在 JavaScript 中使用转义序列添加新行
转义序列是在 JavaScript 中创建新行的流行方式。 \n 转义序列在 Windows 和 Linux 上创建换行符，但 \r 用于一些较旧的 Mac。
转义序列的实现非常简单。
let orgnstring = 'Hello Shiv welcome to upwork platform';
let newstring = 'Hello Shiv \nwelcome to\nupwork platform';
console.log(orgnstring);
console.log(newstring);
运行代码
输出
Hello Shiv welcome to upwork platform
Hello Shiv
welcome to
upwork platform
在 JavaScript 中使用 Temperate Literals 添加新行
模板文字听起来很酷，但它们只是接受内联表达式的字符串文字。
使用多行字符串更容易。模板文字用反引号括起来。
let orgnstring = 'Hello Shiv welcome to upwork platform';
let newstring = `Hello Shiv
welcome to
upwork platform`;
console.log(orgnstring);
console.log(newstring);
运行代码
输出
Hello Shiv welcome to upwork platform
Hello Shiv
welcome to
upwork platform
在这两种情况下，返回的输出都是相同的。但正如你所见，模板文字使编写多行字符串变得更加容易。
在 JavaScript 中使用 HTML Break 元素添加新行
将 HTML 换行元素添加到一行是另一种添加新 JavaScript 行的方法。
只有在换行很重要时才应使用换行元素。但是，请考虑这种方法，因为它很常见。
<html>
<body>
<p id="newline"></p>
<script>
let orgnstring = "Hello shiv" + "<br>" + "welcome to "+ "<br>" + "upwork platform";
document.getElementById("newline").innerHTML = orgnstring;
</script>
</body>
</html>
运行代码
输出
Hello shiv
welcome to
upwork platform
相关文章
在 JavaScript 中返回 False
发布时间：2024/03/21 浏览次数：166 分类：JavaScript
-
本文解释 JavaScript 中的 return false 和 preventDefault 语句；何时何地使用这些语句，它们之间有什么区别。
使用 JavaScript 将 HTML 表格导出到 Excel
发布时间：2024/03/21 浏览次数：151 分类：JavaScript
-
本教程演示了如何使用 JavaScript 将 HTML 表格数据导出到 Excel。
用 JavaScript 读取 Excel 文件
发布时间：2024/03/21 浏览次数：87 分类：JavaScript
-
在本文中，我们将了解如何在 JavaScript 中读取和解析 excel 文件。
使用 JavaScript 通过 XPath 获取元素
发布时间：2024/03/21 浏览次数：65 分类：JavaScript
-
本教程介绍如何使用 JavaScript Selenium WebDriver 获取元素 XPath。
使用 JavaScript 删除所有子元素
发布时间：2024/03/21 浏览次数：94 分类：JavaScript
-
本教程将指导你如何使用 JavaScript 删除所有子元素。它也以 jQuery 为例。
使用 JavaScript 将此关键字传递给函数
发布时间：2024/03/21 浏览次数：135 分类：JavaScript
-
本文将帮助你了解 this 关键字对给定 JavaScript 函数的设置。
使用 JavaScript 获取当前 URL
发布时间：2024/03/21 浏览次数：197 分类：JavaScript
-
在本教程中，我们将讨论如何使用四种不同的方法在 JavaScript 中获取 URL。这些方法将使用 window.location.href、document.location.href、document.URL 和 document.baseURI。
