如何在JavaScript中應用換行符

Question

我有一個從數據庫檢索的javascript對象屬性。

它有類似的東西

This is line one
This is line two
This is line three
This is the line four

我的問題是當我想在HTML頁面中顯示它們時，沒有換行符，並且它們都抽筋在一起，例如：

this is line one this is line two this is line three this is the line four

無論如何，我只能使用Java腳本顯示換行符嗎？

謝謝。

Answer 1

用<br>標記替換新行（ \\n ）：

replace(/\n/g, '<br>');

請參閱JSFiddle上的示例 。

Answer 2

換行符只是在HTML中被視為空格。

您可以在<pre>標記中顯示字符串，然后將換行符用作換行符。

您可以使用<br>標簽替換換行符：

s = s.replace(/(\r\n|\r|\n)/g, '<br>');

Answer 3

<br />之間插入<br />

Answer 4

如果要將其添加到HTML文檔中， <br />應該可以使用。 但是在僅JS解決方案中，對於CRLF應該使用\\r\\n 。

Answer 5

var string = "this is line one this is line two this is line three this is the line four";

var stringNewLine = string.replace('this', '<br/>this');

這是極端情況，僅適用於此示例。

Answer 6

奇怪的是，您的數據庫使用換行符存儲了數據。

因為在野外使用了三種不同的換行符，所以我傾向於選擇一種適用於所有三種的換行符。

var line="MSDOS line end\r\nUnix line end\nOld Mac line end\r";
var converted = line.replace(/\r\n|\r|\n/g, "<br>");