JS alert 换行

在JavaScript中，`alert()`函数用于显示一个包含文本消息的警告框，但默认情况下，它并不支持直接添加换行符。如果你想在同一消息中显示多行文本，可以采用一些技巧：

1. 使用HTML转义字符：你可以使用`\n`来表示新的一行，但实际显示的时候浏览器会忽略这个特殊字符。例如：

   alert("这是第一行\n这是第二行");

2. 联合字符串拼接：如果你在字符串字面量中组合多行，可以在每行之间插入加号(`+`)。示例：

   var message = "这是第一行" + "\n" + "这是第二行";
   alert(message);

3. 创建并显示DOM元素：创建一个包含多个`<p>`标签的`<div>`，然后使用`innerHTML`设置。这种方法更适合需要更复杂布局的情况：

   var div = document.createElement('div');
   div.innerHTML = '<p>这是第一行</p><p>这是第二行</p>';
   alert(div.innerHTML);

请注意，虽然上述方法可以让alert显示看起来像多行，但在用户点击“确定”按钮后，警告框并不会保留原有的换行格式。

相关问题

elementui alert换行

回答:要在ElementUI的alert弹窗中实现换行，你可以使用以下方法。首先，在JavaScript中，你可以使用`dangerouslyUseHTMLString`属性来渲染带有HTML标签的文本，比如换行标签`<br/>`。你可以在`alert`方法中的第三个参数中设置这个属性为`true`，并在文本中加入`<br/>`标签以实现换行。例如：`this.$alert(this.huanhang, '换行换行换行！', { confirmButtonText: '确定', dangerouslyUseHTMLString: true })`。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [element $alert实现字符串换行](https://blog.csdn.net/ys_dd/article/details/120127746)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [vue element ui this.$alert 样式修改，长词自动换行、自定义html标签无效果](https://blog.csdn.net/dandanforgetlove/article/details/108846255)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]

layer.alert换行

你可以在 layer.alert 的 content 参数中使用 HTML 的换行标签 `<br>` 来实现换行。例如：

layer.alert('这是第一行<br>这是第二行');

也可以使用 JavaScript 的换行符 `\n`，但需要在字符串前加上 `String.raw`，例如：

layer.alert(String.raw`这是第一行\n这是第二行`);