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

时间:2018-10-02 10:32:17

标签: javascript ecmascript-6

我在JS文件中使用了很长的HTML模板脚本,例如:

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

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

您能建议我如何解决此问题吗?

1 个答案:

答案 0 :(得分:3)

如果你不需要任何的模板可用文字(例如${foo}),你也可以考虑使用常规的报价,只是逃避新的生产线,以避免语法错误,像这样的高级功能:< / p>

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