ES6 - IE 11的模板字符串黑客

Question

我在JS文件中使用了一个长长的HTML模板脚本，比如：

var TEMPLATE = `
<div>
  <ul>
    <li>first</li>
    <li>second</li>
    <li>third</li>
  </ul>
</div>`;

它适用于所有浏览器(包括Chrome、Safari、Firefox和EDGE)，但不适用于Internet 11、10。

你能建议我怎么解决这个问题吗？

Answer 1

如果您不需要模板文本(如${foo})中的任何高级功能，您也可以考虑使用常规引号，只需转义新行以防止语法错误，如下所示：

var list = '\
    <div>\
        <ul>\
            <li>first</li>\
            <li>second</li>\
            <li>third</li>\
        </ul>\
   </div>\
';