老师 我不能理解这是为什么?
来源:4-1 模板字符串
星辰很精彩
2022-10-06 16:26:37

我和视频中敲得一样 可我这儿报错了 这是为什么啊?
${}还不能识别这个符号源码如下:
<!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>模板字符串</title>
</head>
<body>
<div>
</div>
<script>
const { name, age, sex } = { name: "张三", age: 95, sex: "男" };
function sayHi() {
return '祝大家学习愉快';
}
let str = '
<ul>
<li>姓名:${name}</li>
<li>年龄:${age}</li>
<li>性别:${sex}</li>
</ul>
';
document.querySelector("div").innerHTML = str;
</script>
</body>
</html>1回答
好帮手慕小尤
2022-10-06
同学你好,此时使用的并不是单引号,而是反引号(``),在tab键上面。同学可以修改运行试一下,如下代码所示:
<!DOCTYPE html>
<html>
<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>模板字符串</title>
</head>
<body>
<div>
</div>
<script>
const { name, age, sex } = { name: "张三", age: 95, sex: "男" };
function sayHi() {
return '祝大家学习愉快';
}
let str = `
<ul>
<li>姓名:${name}</li>
<li>年龄:${age}</li>
<li>性别:${sex}</li>
</ul>
`;
document.querySelector("div").innerHTML = str;
</script>
</body>
</html>祝学习愉快!
相似问题