JavaScript字符串换行符是什么?

\n是JavaScript中所有平台的通用换行符序列吗?如果不是，我如何确定当前环境的字符?

我不是在问HTML换行元素(<BR/>)。我问的是JavaScript字符串中使用的换行符序列。

1379166 次浏览
小开

是的，这是普遍的。

虽然'\n'是通用的换行符字符，但你必须记住，根据你的输入，换行字符之前可能会有回车字符('\r')。

小开

是的，使用\n，除非你正在生成HTML代码，在这种情况下，你想使用<br />。

小开

当你在处理JavaScript字符串时。

如果你正在生成HTML，你将不得不使用<br />标记(而不是\n，因为你不再处理JavaScript)。

小开
最佳答案

我刚刚用这个愚蠢的JavaScript测试了几个浏览器:

function log_newline(msg, test_value) {
if (!test_value) {
test_value = document.getElementById('test').value;
}
console.log(msg + ': ' + (test_value.match(/\r/) ? 'CR' : '')
+ ' ' + (test_value.match(/\n/) ? 'LF' : ''));
}


log_newline('HTML source');
log_newline('JS string', "foo\nbar");
log_newline('JS template literal', `bar
baz`);
<textarea id="test" name="test">


</textarea>

Windows上的IE8和Opera 9使用\r\n。我测试的所有其他浏览器(Windows上的Safari 4和Firefox 3.5, Linux上的Firefox 3.0)都使用\n。它们在设置值时都可以很好地处理\n，尽管IE和Opera会在内部再次将其转换回\r\n。有一篇名为Javascript中的行结束符的SitePoint文章提供了更多细节。

还要注意，这与HTML文件本身中实际的行结束符无关(\n和\r\n给出的结果相同)。

当提交表单时，所有浏览器都将换行符规范化为URL编码中的%0D%0A。要看到它，加载例如data:text/html,<form><textarea name="foo">foo%0abar</textarea><input type="submit"></form>并按提交按钮。(有些浏览器会阻止加载提交的页面，但您可以在控制台中看到url编码的表单值。)

不过，我认为你真的不需要做太多的决定。如果你只是想把文本换行，你可以这样做:

lines = foo.value.split(/\r\n|\r|\n/g);
小开

\n对于我遇到的所有情况都很好。如果你正在使用web，使用\n，不要担心它(除非你有任何换行相关的问题)。

小开

我在用\ n或\ r \ n表示换行时遇到了问题 神奇的是，字符r \用于回车，对我来说就像换行符一样 所以在某些情况下，考虑\r也是有用的

小开

获取当前浏览器的行分隔符:

function getLineSeparator() {
var textarea = document.createElement("textarea");
textarea.value = "\n";
return textarea.value;
}
小开

处理新行字符的所有大小写可能是最简单的，而不是检查哪种情况然后应用它。例如，如果你需要替换换行符，那么执行以下操作:

htmlstring = stringContainingNewLines.replace(/(\r\n|\n|\r)/gm, "<br>");
小开

在电子邮件链接功能中，我使用"%0D%0A":

function sendMail() {
var bodydata="Before "+ "%0D%0A";
bodydata+="After"


var MailMSG = "mailto:aaa@sss.com"
+ "?cc=07@sss.com"
+ "&subject=subject"
+ "&body=" + bodydata;
window.location.href = MailMSG;
}

超文本标记语言

<a href="#" onClick="sendMail()">Contact Us</a>
小开

注意:当使用ExtendScript JavaScript(在Photoshop CS3+等应用程序中使用的Adobe脚本语言)时，使用的字符是“\r”。"\n"将被解释为字体字符，因此许多字体将使用块字符代替。

例如(选择一个名为“Note”的图层，并在所有句点后添加换行):

var layerText = app.activeDocument.artLayers.getByName('Note').textItem.contents;
layerText = layerText.replace(/\. /g,".\r");
小开

你可以使用<br/>和document.write/和document.writeln。

小开

不要使用"\n"试试这个:

var string = "this\
is a multi\
line\
string";

只要输入一个反斜杠，继续卡车!这招很管用。

小开

你可以在ES6中使用' '引号(在Esc按钮下面)。所以你可以这样写:

var text = `fjskdfjslfjsl
skfjslfkjsldfjslfjs
jfsfkjslfsljs`;
小开 
printAccountSummary: function()
{return "Welcome!" + "\n" + "Your balance is currently $1000 and your interest rate is 1%."}
};
console.log(savingsAccount.printAccountSummary()); // Method

打印:

Welcome!
Your balance is currently $1000 and your interest rate is 1%.
小开

一个实际的观察……在我的Node.js脚本中，我有以下函数:

function writeToLogFile (message) {
fs.appendFile('myserverlog.txt', Date() + " " + message + "\r\n", function (err) {
if (err)
throw err;
});
}

首先，我只有"\n"，但我注意到，当我在记事本中打开日志文件时，它显示的所有条目都在同一行。另一方面，notepad++在自己的行上显示每个项。在将代码更改为“&;\r\n&;”之后，即使是记事本也会在自己的行上显示每个条目。


提交答案