我这样编程：

sys = {
    layout: null,
    makeLayout: function (obCLS) {
        this.layout = $('<div />').addClass('editor').appendTo($(obCLS)).append(

            /* Cargador */
            /* @this.layout.find('> div:nth-of-child(1)'); */
            '<div>' +
            '   <p>Seleccione la imagen que desea procesar.</p>' +
            '   <input type="button" value="Seleccionar" class="btn btn-xlarge btn-success" />' +
            '   <span></span>' +
            '</div>' +

            /* Cargador - Progreso */
            /* @this.layout.find('> div:nth-of-child(2)'); */
            '<div>' +
            '   <div>' +
            '       <div></div>' +
            '       <div>' +
            '           <div></div>' +
            '       </div>' +
            '   </div>' +
            '</div>' +

            /* Editor */
            /* @this.layout.find('> div:nth-of-child(3)');
             * @sidebar = this.layout.find('> div:nth-of-child(3) > div > div > div:nth-of-type(1)');
             * @body    = this.layout.find('> div:nth-of-child(3) > div > div > div:nth-of-type(2) > div'); */
            '<div>' +
            '   <div>' +
            '       <div>' +
            '           <div></div>' +
            '           <div>' +
            '               <div></div>' +
            '           </div>' +
            '       </div>' +
            '   </div>' +
            '</div>'
        );
    }
}

sys.makeLayout('#div');

我认为这个解决方法应该适用于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>

干杯

刚刚尝试了Anonymous的答案，发现这里有一个小技巧，如果反斜杠后面有空格，它就不起作用了因此，以下解决方案不起作用-

var x = { test:'<?xml version="1.0"?>\ <-- One space here
            <?mso-application progid="Excel.Sheet"?>' 
};

但当空间被移除时，它会起作用-

var x = { test:'<?xml version="1.0"?>\<-- No space here now
          <?mso-application progid="Excel.Sheet"?>' 
};

alert(x.test);​

希望它有帮助！！

您可以使用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＞</script>块，其中包含head标记中的多行文本；按原样获取多行文本…（注意文本编码：UTF-8、ASCII）<脚本>//纯javascriptvar text=document.getElementById（“mySoapMessage”）.innerHTML；//使用JQuery的文档做好安全准备$（文档）.ready（函数）{var text=$（“#mySoapMessage”）.html（）；});</script><script id=“mySoapMessage”type=“text/plain”><soapenv:Envelope xmlns:soapenv=“http://schemas.xmlsoap.org/soap/envelope/“xmlns:typ=”。。。"><soapenv:Header/><soapenv:Body><typ:getConvocatosElement>...</typ:getConvocatosElement></soapenv:Body></soapenv:信封><!-- 此注释将出现在字符串-->中//呃哦，javascript注释。。。SOAP请求将失败</script>

您可以在纯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字符串方法…；）