当前位置：网站首页>ES6 从入门到精通＃ 03：模板字符串

ES6 从入门到精通＃ 03：模板字符串

2022-07-21 13:10:00 【凯小默】

说明

ES6 从入门到精通系列（全23讲）学习笔记。

模板字符串

使用 tab 键上面的反引号，插入变量时使用 ${变量名}。

例子：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div class="box1">
        
    </div>
    <div class="box2">

    </div>
    <script> const name1 = "kaimo666"; const id1 = "k6"; const boxDom1 = document.querySelector(".box1"); boxDom1.innerHTML = "<ul><li id="+ id1 +"><p>"+ name1 +"</p></li></ul>"; const name2 = "kaimo777"; const id2 = "k7"; const boxDom2 = document.querySelector(".box2"); boxDom2.innerHTML = `<ul><li id=${
        id2}><p>${
        name2}</p></li></ul>`; </script>
</body>
</html>