js在字符串中添加换行不生效

在JavaScript中，如果你试图在字符串中直接使用`\n`来表示换行符，它通常不会像预期那样在浏览器中显示为换行，因为`\n`实际上是在控制台或源代码中表示换行，而不是在HTML渲染后的页面上。如果你想让字符串在浏览器中呈现为换行，你应该：

1. 使用`<br>`标签：在字符串中插入HTML实体 `<br>`，这会在网页上添加一个实际的换行。

let str = '这是一个\n换行字符串';
console.log(str); // 输出：这是一个<br>换行字符串

2. 使用模板字面量或字符串连接：如果是在现代JavaScript版本中，可以使用反引号(``)创建模板字符串，或者使用`+`或`concat()`函数拼接字符串。

let str = `这是一个\n换行字符串`;
console.log(str); // 输出：这是一个
                  // 换行字符串

let str = '这是'.concat('一个', '\n', '换行字符串');
console.log(str); // 输出：这是
                  // 换行字符串

相关问题

js 文字拆分并添加换行标签并生效

可以使用 JavaScript 中的字符串方法 `split()` 和 `join()` 来实现文字拆分并添加换行标签。具体做法如下：

1. 将要拆分的文字存储在一个字符串变量中。
2. 使用 `split()` 方法将字符串按照某个字符或字符串进行拆分，并将每个拆分后的子串存储在一个数组中。
3. 使用 `join()` 方法将数组中的字符串元素连接起来，并在每个元素之间添加换行标签 `<br>`。
4. 将最终的字符串赋值给 HTML 元素的 `innerHTML` 属性，即可生效。

示例代码如下：

HTML：

<div id="text"></div>

JavaScript：

// 要拆分的文字
var text = "这是一段需要拆分的文字，拆分后每个单词都应该在单独的一行显示。";
// 按空格拆分字符串，存储在数组中
var words = text.split(" ");
// 在每个元素之间添加换行标签，并连接成新的字符串
var newText = words.join("<br>");
// 将新的字符串赋值给 HTML 元素的 innerHTML 属性
document.getElementById("text").innerHTML = newText;

执行以上代码后，`id` 为 `text` 的 `div` 元素中的文字就会被拆分并添加换行标签，实现换行效果。

js中模板字符串中有变量如何换行，使用'\n\r' \n \r \r\n均不生效

在JS中，模板字符串中如果要使用换行符，可以使用反斜杠加上一个换行符`\`和一个空格来实现。例如：

let str = `这是一个模板字符串，
换行了哦！`;
console.log(str);

输出结果为：

这是一个模板字符串，
换行了哦！

如果要在模板字符串中使用变量并实现换行，可以使用`${}`来嵌入变量，并在`${}`中使用上述的换行方式。例如：

let name = "小明";
let str = `你好，${name}，
欢迎来到我的网站！`;
console.log(str);

输出结果为：

你好，小明，
欢迎来到我的网站！