我找到了一个更优雅的解决方案，可能有点与主题无关，因为它使用了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变量。

实现这一点有多种方法

1.斜线拼接

  var MultiLine=  '1\
    2\
    3\
    4\
    5\
    6\
    7\
    8\
    9';

2.规则串联

var MultiLine = '1'
+'2'
+'3'
+'4'
+'5';

3.数组连接串联

var MultiLine = [
'1',
'2',
'3',
'4',
'5'
].join('');

就性能而言，斜杠串联（第一个）是最快的。

有关性能的更多详细信息，请参阅本测试用例

更新：

使用ES2015，我们可以利用其模板字符串功能。有了它，我们只需要使用反引号来创建多行字符串

例子：

 `<h1>{{title}}</h1>
  <h2>{{hero.name}} details!</h2>
  <div><label>id: </label>{{hero.id}}</div>
  <div><label>name: </label>{{hero.name}}</div>
  `

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

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

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

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

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

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

e.g.

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

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

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

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

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

我得到：