Javascript innerHTML执行多行

Iam在我的HTML文件的脚本部分使用innerHTML

    document.getElementById("id1").innerHTML="<font size=4 color=blue><b>Process</b></font><br>"

---

最可靠的方法是使用字符串连接：

document.getElementById("id1").innerHTML = 
    "<font size=4 color=blue>" +
    "<b>Process</b>" +
    "</font>" +
    "<br>";

document.getElementById（“id1”）.innerHTML=
"" +
“过程”+
"" +
“
”；

尽管您可以使用线条延续来执行此操作：

document.getElementById("id1").innerHTML = 
    "<font size=4 color=blue>\
<b>Process</b>\
</font>\
<br>";

document.getElementById（“id1”）.innerHTML=
"\
过程\
\

“；

请注意，后续行的前导空格是字符串的一部分

---

上面所说的：如果你做了很多事情，你可能会考虑使用模板引擎或者类似的方法，所以你的HTML与你的JavaScript没有混合。

使用“（BeTk）而不是‘或’”，它将完成任务。

document.getElementById("demo").innerHTML = `

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
CPU Information
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
No of Cores:
1
Speed of each core in Mhz:
cpu MHz     : 2399.318
model name  : Intel(R) Xeon(R) CPU           E5645  @ 2.40GHz
CPU Load:
0.1
Top CPU using process/application
-------------------------------------
PID USER      PR  NI  VIRT  RES  SHR S %CPU %MEM    TIME+  COMMAND           
1 root      15   0 10364  680  576 S  0.0  0.0   0:05.46 init               
`;

---

在这里，我放在innerHTML中的HTML部分本质上是动态的，这是通过一些脚本添加到这里的。因此，这种方式不适合先生。@RaviKishore:它是动态的与任何事情有什么关系？您仍然会使用字符串连接（或模板引擎）。如果您的情况与您的问题不同，那么请恕我直言，为什么不让您的问题准确地反映您正在尝试做的事情呢？请针对这种情况执行以下操作：
document.getElementById（“demo”）.innerHTML=“=====================================================================================================================================================================================================================================================================================================================================================================（CPU内存磁盘进程）
=========================================================================================================================
”；
IP地址：10.2.3.4

主机名：H1
内核版本：2.6.18-308.4.1.el5
正常运行时间：52天
@kishore:注释中的代码不可读。如果要改进此问题，请使用“编辑”命令“链接问题。这是最好的答案！谢谢

document.getElementById("demo").innerHTML = `

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
CPU Information
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
No of Cores:
1
Speed of each core in Mhz:
cpu MHz     : 2399.318
model name  : Intel(R) Xeon(R) CPU           E5645  @ 2.40GHz
CPU Load:
0.1
Top CPU using process/application
-------------------------------------
PID USER      PR  NI  VIRT  RES  SHR S %CPU %MEM    TIME+  COMMAND           
1 root      15   0 10364  680  576 S  0.0  0.0   0:05.46 init               
`;