带变量的多行字符串

var x = 1
string = string + `<label class="container">
                       <p>${x}</p>
                   </label>`;

模式text=<<“HERE”这是一个多行字符串HERE在js中是不可用的（我记得在我以前的Perl时代经常使用它）。

为了保持对复杂或长的多行字符串的监督，我有时使用数组模式：

var myString = 
   ['<div id="someId">',
    'some content<br />',
    '<a href="#someRef">someRefTxt</a>',
    '</div>'
   ].join('\n');

或者匿名者已经显示的模式（转义换行符），这可能是代码中的一个丑陋的块：

    var myString = 
       '<div id="someId"> \
some content<br /> \
<a href="#someRef">someRefTxt</a> \
</div>';

这是另一个奇怪但有效的“技巧”1：

var myString = (function () {/*
   <div id="someId">
     some content<br />
     <a href="#someRef">someRefTxt</a>
    </div>        
*/}).toString().match(/[^]*\/\*([^]*)\*\/\}$/)[1];

外部编辑：jsfiddle

ES20xx支持使用模板字符串跨多行生成字符串：

let str = `This is a text
    with multiple lines.
    Escapes are interpreted,
    \n is a newline.`;
let str = String.raw`This is a text
    with multiple lines.
    Escapes are not interpreted,
    \n is not a newline.`;

1注意：缩小/模糊代码后，这将丢失

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');

容易的

至少在源代码方面，这是一种相当经济的方法：

function s() {
    var args = [],index;
    for (index = 0; index< arguments.length; index++) {
        args.push (arguments [index]);
    }
    return args.join ("\n");
}
console.log (s (
    "This is the first line",
    "and this is the second",
    "finally a third"
));

function s() {return arguments.join ("\n")} 

如果“arguments”属性是一个正确的数组，当然会更好。

第二个版本可能使用“”来进行连接，当您想要控制非常长的字符串中的换行符时。

更新：

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

模板文本由反引号分隔：

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

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

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

ES5原始答案：

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

"foo \
bar"

刚刚尝试了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);​

希望它有帮助！！