Question

我正在文件中使用.html将html结果附加到div id。

<html>
 <head> Title
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 </head>
 <body> 
  <div id="static-content"></div>
   <p>test</p>

   <script>
   $(document).ready(function($){  

      $('#static-content').html(`<div class="test-class"><p>Test paragraph</p></div>`);

}); 
</script>

    </body>
  </html>

反勾号仅在IE浏览器上不起作用。是否可以解决此问题？

请任何人分享您的想法。谢谢

Answer 1

反引号用于模板文字，不幸的是IE11不支持反引号（假设您使用的是反引号）。

您可以使用像Babel这样的编译器，它将模板文字转换为ECMAScript 5语法，以便被IE11理解。如果您愿意，可以使用其他支持它们的浏览器，但这取决于您。我会坚持使用“和”。

Answer 2

在引入反引号模板之前的许多年，已经可以用JavaScript生成HTML。引号字符可以通过使用反斜杠字符转义来嵌入到字符串中：

$('#static-content').html('<div class="test-class"><p>Test paragraph</p></div>');

适用于您的简单情况，

$("#static-content").html("div class=\"test-class\"><p>Test paragraph</p></div>");

也可以。

附加结果中的反引号在IE浏览器中不起作用

2 个答案: