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

这已经在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>

我通过输出一个div，使其隐藏，并在需要时通过jQuery调用div id来解决这个问题。

e.g.

<div id="UniqueID" style="display:none;">
     Strings
     On
     Multiple
     Lines
     Here
</div>

然后，当我需要获取字符串时，我只需使用以下jQuery：

$('#UniqueID').html();

它会在多行上返回我的文本。如果我打电话

alert($('#UniqueID').html());

我得到：

您可以使用TypeScript（JavaScript SuperSet），它支持多行字符串，并将文件向下转换为纯JavaScript而无需开销：

var templates = {
    myString: `this is
a multiline
string` 
}

alert(templates.myString);

如果您想用普通JavaScript实现同样的功能：

var templates = 
{
 myString: function(){/*
    This is some
    awesome multi-lined
    string using a comment 
    inside a function 
    returned as a string.
    Enjoy the jimmy rigged code.
*/}.toString().slice(14,-3)

}
alert(templates.myString)

请注意，iPad/Safari不支持“functionName.toString（）”

如果您有很多遗留代码，也可以在TypeScript中使用纯JavaScript变量（用于清理）：

interface externTemplates
{
    myString:string;
}

declare var templates:externTemplates;

alert(templates.myString)

您可以使用普通JavaScript变体中的多行字符串对象，将模板放入另一个文件中（可以合并到捆绑包中）。

您可以在以下位置尝试TypeScripthttp://www.typescriptlang.org/Playground

ES6允许您使用反勾号在多行上指定字符串。它被称为模板文字。这样地：

var multilineString = `One line of text
    second line of text
    third line of text
    fourth line of text`;

在NodeJS中使用backtick，Chrome、Firefox、Edge、Safari和Opera都支持它。

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

更新：

ECMAScript6（ES6）引入了一种新的文本类型，即模板文本。它们有很多特性，变量插值等等，但对于这个问题最重要的是，它们可以是多行的。

模板文本由反引号分隔：

var html = `
  <div>
    <span>Some HTML here</span>
  </div>
`;

（注意：我并不主张在字符串中使用HTML）

浏览器支持是可以的，但您可以使用更兼容的转发器。

ES5原始答案：

Javascript没有here文档语法。但是，您可以转义字面换行符，这很接近：

"foo \
bar"

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

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个项目的字符串数组是很好的-我将避免使用它，而支持对较大数组进行索引加法。