总之，我在用户javascript编程（Opera 11.01）中尝试了两种方法：

这一个不起作用：在JavaScript中创建多行字符串这非常有效，我还找到了如何让它在Notepad++源代码视图中看起来很好：在JavaScript中创建多行字符串

所以我推荐Opera用户JS用户的工作方法。与作者所说的不同：

它不适用于萤火虫或歌剧；仅在IE、chrome和safari上。

它在歌剧11中确实有效。至少在用户JS脚本中。遗憾的是，我不能对个人答案发表评论，也不能对答案进行投票，我会立即这样做。如果可能，请有更高权限的人帮我做。

还要注意，当在每行末尾使用前向反斜杠在多行上扩展字符串时，前向反斜线后面的任何额外字符（主要是空格、制表符和错误添加的注释）都会导致意外的字符错误，我花了一个小时才发现

var string = "line1\  // comment, space or tabs here raise error
line2";

我的基于数组的字符串连接版本：

var c = []; //c stands for content
c.push("<div id='thisDiv' style='left:10px'></div>");
c.push("<div onclick='showDo(\'something\');'></div>");
$(body).append(c.join('\n'));

这对我来说效果很好，尤其是当我经常将值插入到以这种方式构建的html中时。但它有很多局限性。缩进会很好。不用处理嵌套的引号真的很好，只是它的笨重让我很困扰。

要添加到数组中的.push（）是否占用了大量时间？请参阅此相关答案：

（JavaScript开发人员不使用Array.push（）有什么原因吗？）

在查看了这些（相反的）测试运行之后，看起来.push（）对于不太可能增长超过100个项目的字符串数组是很好的-我将避免使用它，而支持对较大数组进行索引加法。

带变量的多行字符串

var x = 1
string = string + `<label class="container">
                       <p>${x}</p>
                   </label>`;

下选民：此代码仅供参考。

这已经在Mac上的Fx 19和Chrome 24中进行了测试

DEMO

var new_comment/*<<<（英）<li class=“photobooth comment”><span class=“username”><a href=“#”>您</a>：</span><span class=“comment text”>$文本</span>@<span class=“comment time”>第二天</span>前</li>（英）*///注意，这里的脚本标记被硬编码为FIRST标记new_comment=document.currentScript.innerHTML.split（“EOF”）[1]；document.querySelector（“ul”）.innerHTML=new_comment.replace（“$text”，“这是动态创建的文本”）；<ul></ul>

我认为这个解决方法应该适用于IE、Chrome、Firefox、Safari和Opera-

使用jQuery：

<xmp id="unique_id" style="display:none;">
  Some plain text
  Both type of quotes :  " ' " And  ' " '
  JS Code : alert("Hello World");
  HTML Code : <div class="some_class"></div>
</xmp>
<script>
   alert($('#unique_id').html());
</script>

使用纯Javascript：

<xmp id="unique_id" style="display:none;">
  Some plain text
  Both type of quotes :  " ' " And  ' " '
  JS Code : alert("Hello World");
  HTML Code : <div class="some_class"></div>
</xmp>
<script>
   alert(document.getElementById('unique_id').innerHTML);
</script>

干杯