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

How do I assign a HTML string over multiple lines in Javascript?

本文关键字：HTML 字符串 分配 Javascript      更新时间：2023-09-26

我必须通过以下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 = "<div>
                    <p>It's the most beautiful thing I've seen in my life </p>
                    <p> It's watermalone </p>
                    </div>"

问题是，我有太多的行我的html代码。在过去，我单独删除了所有的'n(换行符)字符。是否有一种更简单的方法来实现变量赋值，而不必单独通过行并删除换行符?

。，我想把html代码保持在右边，就像上面的第二个例子一样，但在将其赋值给变量之前删除换行符。

没有等价的，例如PHP的heredoc但你可以添加反斜杠来转义硬返回:

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

下面是一个工作示例:http://jsfiddle.net/9W6BS/

另一个变体-在行

的末尾使用'''符号

有效代码示例

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

还需要注意的是，一些工具(如webStorm或PhpStorm)允许在正常模式下编辑这样的注入(Alt + enter - edit HTML Fragment)

你可以这样做:

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