强制换行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>