在Javascript中，如何在多行上分配HTML字符串？

我必须通过下面的Javascript代码分配一个HTML字符串。然而，这似乎只有在我将所有HTML放在一行时才可能实现

这项工作：

var assignedhtml = "<div> <p>It's the most beautiful thing I've seen in my life </p> <p> It's watermalone </p> </div>"

var assignedhtml=“这是我一生中见过的最美丽的东西
这是watermalone
”

这不起作用：

var assignedhtml = "<div>
                    <p>It's the most beautiful thing I've seen in my life </p>
                    <p> It's watermalone </p>
                    </div>"

var assignedhtml=”
这是我一生中见过的最美的东西

是watermalone

"

问题是我的html代码中有太多的行。在过去，我已分别删除了所有

\n

（换行符）字符。有没有一种更简单的方法来实现我想要的变量赋值，而不必逐个检查行并删除换行符

---

i、 例如，我希望将html代码保留在右侧，就像上面第二种情况一样，但在将其分配给变量之前删除换行符。

您可以这样做：

var assignedhtml = '<div>' +
'<p>It\'s the most beautiful thing I've seen in my life</p>' +
'<p>It\'s watermelon</p>' +
'</div>';

var assignedhtml=''+
这是我一生中见过的最美的东西+
这是西瓜+
'';

例如，PHP的Herdeoc没有等价物，但您可以添加反斜杠以逃避硬返回：

var assignedhtml = "<div>\
  <p>It's the most beautiful thing I've seen in my life </p>\
  <p> It's watermalone </p>\
  </div>";

var assignedhtml=”\
这是我一生中见过的最美的东西
\
是watermalone
\
";

---

下面是一个工作示例：

还有一个变体-在行的和处使用“\”符号

有效代码示例

    var assignedhtml = "<div>\
            <p>It's the most beautiful thing I've seen in my life </p>\
            <p> It's watermalone </p>\
            </div>"

var assignedhtml=”\
这是我一生中见过的最美的东西
\
是watermalone
\
"

---

还需要注意的是，有些工具（如webStorm或PhpStorm）允许在正常模式下编辑此类注入（Alt+enter-edit HTML Fragment）

实际上。。不可以。javascript字符串通常必须在一行中。不过，您可以使用转义字符``将其拆分为更多行，但这仍然对您没有帮助，因为您还必须手动执行此操作，以获得有关Storm的注释