我正在使用文件中的.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>");
同样有效。