在字符串中使用新行

Question

我尝试在用新行创建字符串时使用
。

这是我尝试过的。

tooltip = "User is already present."+ 
 + props.email;

但这在显示工具提示时不起作用。

有人可以帮我吗？

Answer 1

在Javascript中，需要使用\ n完成。

var foo = "Bob\nis\ncool.";

tooltip = "User is already present.\n"+ props.email;

Answer 2

字符串模板允许使用新行：

tooltip = `User is already present.
${props.email}`;

Answer 3

例如，您要输入以下文本：

Hi!
I like JS

您可以使用\n：

const myMessage = 'Hi!\nI like JS;'

或template strings：

const myMessage = `Hi!
I like JS`;

Answer 4

您必须使用

\n

在JavaScript代码中 和

white-space: pre-line;

在CSS中显示换行

Answer 5

您需要设置html并获取html，就像下面的代码一样，您可以删除第一行和最后一行，并可以按原样使用它。

var props={email:'abc@gmail.com'}
var htmlObject = document.createElement('div');
htmlObject.innerHTML = "User is already present. 
" + props.email;
tooltip = htmlObject.innerHTML ;
alert(tooltip);

Answer 6

在javascript中使用模板文字可在所有情况下更加轻松，您无需每次都添加额外的“ \ n”来添加新行，只需在带有引号的段落旁边添加帮助即可查看此链接，它非常清楚地描述了它

https://flaviocopes.com/javascript-template-literals/