在字符串中使用新行

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;'

或模板字符串 ：

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/