javascript - 强制换行 Jquery

Question

从服务器接收到数据后，我正在尝试使用 append 方法在 html 页面中创建换行符。这是我的代码片段（jquery）：

ws.onmessage = function(evt) $("#display").append("message: " + evt.data);

这是html中的div：

<div id ="display"></div>

我是新手，所以请原谅问题的简单性。

谢谢

Answer 1

尝试这个：

ws.onmessage = function(evt) $("#display").append("message: " + evt.data + "<br />");

另一种选择可能是

ws.onmessage = function(evt) $("#display").append("<p>message: " + evt.data + "</p>");

Answer 2

从技术上讲，HTML 中不会显示换行符，您需要使用<br/>标签来创建换行符。在 JavaScript 中，换行符是\n，但您可能想要使用：

ws.onmessage = function(evt) $("#display").append("message: " + evt.data + "<br/>");

如果您正在预先格式化<div>它，就好像它是一个<pre>标签并且实际上想要一个新行：

ws.onmessage = function(evt) $("#display").append("message: " + evt.data + "\n");

您的 div 的 HTML 也有点偏离，您应该删除和之间的id空格="display"

<div id="display"></div>