如何解决IE不兼容ES6的模板字符串

IE浏览器再词法分析阶段如果遇到ES6的模板字符串，就会抛出错误，导致程序无法正常运行。

这时候需要将ES6的模板字符串改写为普通的单引号或者是双引号来代替，如果只有多行字符串，就需要在换行处使用加号进行连接，在第二行继续使用引号，如：

'<li>000/li>'+
'<li>111</li>'

参考链接：https://blog.csdn.net/joyvonlee/article/details/91366187?depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-1&utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-1

但是！

如果字符串大于或等于100行呢？怎么办？难道一行行拼接吗？会疯的！

var pc_xieyi = `
<div class="pc_black"></div>
<div class="pto_box">
	<div class="pto_tit">服务协议</div>
	<div class="pto_detail">欢迎您使用服务！</div>
	<div class="pto_txt">
		<p>件的用户提供贷款产品适配服务的品牌。</p>
		<p>下述，也包括指代服务的提供者。</p>
		<p>“用户”或“会员”是关服务的使用人，在本协议中更多地称为“您”。</p>
		<p>在使之前，请您务必审慎阅读、充分（以下简称“本协议”），特别、法律适用和争议解决条款。限制或免除责</p>
		<p>您同意据需要不时地修改本协议或根据本协议制定、修改各类配套协议或具体规来的后的条款。</p>
　　　　　</div>
</div>`

解决方案：

var pc_xieyi = “<div class=‘pc_black’></div>“

将字符串写成一行！外边用双引号，里边用单引号！

var pc_xieyi = “<div class=‘pc_black’>此处很多标签和文本</div>“

如何将标签和文本放在一行呢？用css压缩工具！

https://tool.oschina.net/jscompress

完美解决~

当然，如果你的是mvvm框架就不会有这些困扰。

如何解决IE不兼容ES6的模板字符串

推荐阅读