渡课课堂总结（8.2）-CSDN博客

本文链接：https://blog.csdn.net/weixin_42623761/article/details/81367980

今日学习内容

JavaScript 基本语法部分：对象原理、补充讲解 switch 循环、while 循环、数组数据类型和对象数据类型的创建

代码练习

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <h1 id="xx"></h1>
        <select id="ss" onchange="getProperty(this)">
            <option value="name">name</option>
            <option value="age">age</option>
            <option value="sex">sex</option>
        </select>
        <script type="text/javascript">
            var getProperty = function(obj) {
                var ss = document.getElementById("ss")
                alert(lu[obj.value]);
            }
            var sum = 0;
            var ssss = "abc";

            var lu = {
                name:"abc",
                age:34,
                sex:"男",
                teach:function() {
                    alert("我在教书");
                },
                xx:"xx"
            };
            document.getElementById("xx").innerHTML = lu.name;
            var i = 1;
            while (i <= 100) {
                sum += i;
                i++
            }
            console.log(sum);
        </script>
    </body>
</html>