说明
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>