如果您愿意使用转义换行符，它们可以很好地使用。它看起来像带有页面边框的文档。

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

它不是非常优雅，但对我来说足够干净：

var myString = "First line" + "\n";
var myString = myString + "Second line" + "\n";
var myString = myString + "Third line" + "\n";

2015年更新：现在已经过了六年：大多数人使用模块加载器，主要模块系统都有加载模板的方法。它不是内联的，但最常见的多行字符串类型是模板，无论如何，模板应该被排除在JS之外。

require.js：'需要文本'。

使用require.js“text”插件，在template.html中使用多行模板

var template = require('text!template.html')

NPM/browserify:“brfs”模块

Browserify使用“brfs”模块加载文本文件。这实际上会将模板构建到捆绑的HTML中。

var fs = require("fs");
var template = fs.readFileSync(template.html', 'utf8');

容易的

这适用于IE、Safari、Chrome和Firefox：

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<div class="crazy_idea" thorn_in_my_side='<table  border="0">
                        <tr>
                            <td ><span class="mlayouttablecellsdynamic">PACKAGE price $65.00</span></td>
                        </tr>
                    </table>'></div>
<script type="text/javascript">
    alert($(".crazy_idea").attr("thorn_in_my_side"));
</script>

出于对互联网的热爱，请使用字符串连接，并选择不使用ES6解决方案。ES6并不是全面支持的，很像CSS3，某些浏览器适应CSS3的移动速度很慢。使用简单的JavaScript，您的最终用户将感谢您。

例子：

var str=“这个世界既不是平的，也不是圆的。”+“一旦丢失将被发现”；