html运行实例（js_templates_html）-搜寻教程库

代码示例：（标识：js_templates_html）

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript 模板字面量</h2>

<p>模板字面量允许字符串中的变量：</p>

<p id="demo"></p>

<p>Internet Explorer 不支持模板字面量。</p>

<script>
let header = "Templates Literals";
let tags = ["template literals", "javascript", "es6"];

let html = `<h2>${header}</h2><ul>`;

for (const x of tags) {
  html += `<li>${x}</li>`;
}

html += `</ul>`;
document.getElementById("demo").innerHTML = html;
</script>

</body>
</html>