老师 我不能理解这是为什么?

来源:4-1 模板字符串

星辰很精彩

2022-10-06 16:26:37

https://img.mukewang.com/climg/633e907f0985673613650869.jpg

我和视频中敲得一样 可我这儿报错了 这是为什么啊?

${}还不能识别这个符号

源码如下:

<!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>

祝学习愉快!

0

0 学习 · 9886 问题

查看课程