ES6更新：

正如第一个答案所提到的，使用ES6/Babel，您现在只需使用反引号即可创建多行字符串：

const htmlString = `Say hello to 
multi-line
strings!`;

内插变量是一个流行的新功能，带有反勾分隔字符串：

const htmlString = `${user.name} liked your post about strings`;

这只是将文件转换为串联：

user.name + ' liked your post about strings'

ES5原始答案：

谷歌的JavaScript风格指南建议使用字符串连接而不是转义换行：不要这样做：var myString='相当长的英文文本字符串，错误消息\事实上，这是一个错误\让精力充沛的兔子脸红的信息\那些施瓦辛格的阴影）！我在哪里？哦，是的\你有一个错误，所有多余的空格都是\只是肉汁。祝你今天愉快；在编译时，不能安全地删除每行开头的空白；斜杠后的空白将导致棘手的错误；虽然大多数脚本引擎都支持这一点，但它不是ECMAScript的一部分。请改用字符串串联：var myString='相当长的英文文本字符串，错误消息'+“事实上，这是一个错误”+“让Energizer兔子脸红的消息（直接通过）”+那些施瓦辛格的阴影）！我在哪里？哦，是的，”+'您有一个错误，所有多余的空格都是'+只是肉汁。祝你今天愉快；

您可以在纯JavaScript中使用多行字符串。

此方法基于函数的序列化，该序列化被定义为依赖于实现。它在大多数浏览器中都能工作（见下文），但不能保证它在未来仍能工作，所以不要依赖它。

使用以下功能：

function hereDoc(f) {
  return f.toString().
      replace(/^[^\/]+\/\*!?/, '').
      replace(/\*\/[^\/]+$/, '');
}

这里可以有这样的文档：

var tennysonQuote = hereDoc(function() {/*!
  Theirs not to make reply,
  Theirs not to reason why,
  Theirs but to do and die
*/});

该方法已在以下浏览器中成功测试（未提及=未测试）：

即4-10歌剧9.50-12（不在9-）Safari 4-6（不在3-中）铬1-45Firefox 17-21（非16-）Rekonq 0.7.0-0.8.0Konqueror 4.7.4不支持

不过，要小心你的缩小镜。它倾向于删除评论。对于YUI压缩程序，以/*开头的注释！（像我用过的那个）将被保留。

我认为真正的解决方案是使用CoffeeScript。

ES6 UPDATE：您可以使用backtick代替创建带有注释的函数，并在注释上运行toString。正则表达式需要更新为仅删除空格。您还可以使用字符串原型方法来执行此操作：

let foo = `
  bar loves cake
  baz loves beer
  beer loves people
`.removeIndentation()

应该有人编写此.removeIndentation字符串方法…；）

您可以使用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

我很惊讶我没有看到这一点，因为它在我测试过的任何地方都有效，并且对模板非常有用：

<script type="bogus" id="multi">
    My
    multiline
    string
</script>
<script>
    alert($('#multi').html());
</script>

有人知道有HTML但不起作用的环境吗？

JavaScript从未有过处理多行字符串的真正好方法，直到2015年引入ES6以及模板文本。

模板文本是由反引号（``）分隔的字符串，而不是普通的单引号（“”）/双引号（““”）分隔符。

我找到了一个更优雅的解决方案，可能有点与主题无关，因为它使用了PHP，但我相信它对你的一些人来说会很有用和可爱。。。

这个javascript代码应该留在脚本标记中

var html=<?php echo json_encode("

        <div class=container>
            <div class=area1>
                xxx
            </div>
            <div class=area2>
                ".$someVar."
            </div>
        </div>

"); ?>

在输出html中，您将看到类似

var html="\r\n\r\n\t\t\t<div class=container>\r\n\t\t\t\t<div class=area1>\r\n\t\t\t\t\txxx\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=area2>\r\n\t\t\t\t\t44\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\r\n\t\t";  

瞧！，它为您的文件提供了代码可读性。

pD：此示例使用json_encode（）PHP函数，但当然也有ASP、Ruby和JSP语言的等效函数。

pD：然而，这个解决方案也有他的局限性，其中之一就是不能在封装的代码中使用javascript变量。