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



我正在使用文件中的.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浏览器。是否对此问题进行了修复?

请任何人分享你的想法。感谢

Backticks是用于Template Literals的,不幸的是,IE11不支持它们(假设您正在使用)。

您可以使用像Babel这样的transiler,将模板文本转换为ECMAScript 5语法,以便IE11能够理解。如果你愿意,你可以使用其他支持它们的浏览器,但这取决于你自己。我会坚持"one_answers"。

在引入反勾模板之前的许多年里,用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>");

同样有效。

最新更新