Question

我将变量作为连接字符串发送到文本框，因此我可以在getElementById调用中包含多个变量。

我需要指定换行符，以便正确格式化地址。

document.getElementById("address_box").value = 
(title + address + address2 + address3 + address4);

我已经在换行符之后和变量之后尝试过了。并尝试将连接运算符更改为+ =。

已修复 ：此问题已解决;

document.getElementById("address_box").value = 
(title + "\n" + address + "\n" + address2 + "\n" +  address3 +  "\n" + address4);

并将文本框从“输入类型”更改为“textarea”

Answer 1

你不能在文本框中有多行，你需要一个textarea。然后它在值之间使用\n。

Answer 2

document.getElementById("address_box").value = 
(title + "\n" + address + "\n" + address2 + "\n" + address3 + "\n" + address4);

Answer 3

您需要在引号内使用\n。

document.getElementById("address_box").value = (title + "\n" + address + "\n" + address2 + "\n" + address3 + "\n" + address4)

\n被称为EOL或line-break，\n是常见的EOL标记，通常被称为LF或{ {1}}，它是一个特殊的line-feed字符

Answer 4

使用反引号

反引号通常用于多行字符串，或者当您想在字符串中插入表达式时

let title = 'John';
let address = 'address';
let address2 = 'address2222';
let address3 = 'address33333';
let address4 = 'address44444';
document.getElementById("address_box").innerText = `${title} 
${address}
${address2}
${address3} 
${address4}`;

<div id="address_box">
</div>

如何在Javascript连接字符串上强制换行？

4 个答案: