渡课日记8.2

最新推荐文章于 2024-03-24 11:07:40 发布

desonly_forest

最新推荐文章于 2024-03-24 11:07:40 发布

阅读量115

点赞数

分类专栏：学习日记

本文链接：https://blog.csdn.net/desonly_forest/article/details/81367436

版权

学习日记专栏收录该内容

17 篇文章 0 订阅

订阅专栏

一、学习内容

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

二、自习安排

1:30~2:30消化老师讲解的内容，对如何创建一个对象及对象调用，对象之间如何连接有了一定的了解；
2:30~4:00今日代码的多次敲打；
4:00~5:30预习相关内容

三、今日代码

有关switch语句、数字对象创建的代码：

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8">
</head>
<body>
    <h1 id="dayShow"></h1>
    <script type="text/javascript">
        var date = new Date();
        var day = date.getDay();
        // var dayShow = "";
        // switch(day) {
        //  case 0: 
        //  dayShow = "周日";
        //  break;
        //  case 1: 
        //  dayShow = "周一"; 
        //  break;
        //  case 2: 
        //  dayShow = "周二";
        //  break;
        //  case 3: 
        //  dayShow = "周三";
        //  break;
        //  case 4: 
        //  dayShow = "周四";
        //  break;
        //  case 5: 
        //  dayShow = "周五";
        //  break;
        //  case 6: 
        //  dayShow = "周六";
        //  break;
        //  default:
        //  dayShow = "错误日期";
        // }
        //  document.getElementById("dayShow").innerHTML = dayShow;

        // var array = new Array();
        // array[0] = "周日";
        // array[1] = "周一";
        // array[2] = "周二";
        // array[3] = "周三";
        // array[4] = "周四";
        // array[5] = "周五";
        // array[6] = "周六";


        var array = ["周日","周一","周二","周三","周四","周五","周六"]
        document.getElementById("dayShow").innerHTML = array[day];



    </script>
</body>
</html>

如何创建一个对象：

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8">
</head>
<body>
<h1 id="xx"></h1>
<select onchange="getProprety(this)">
    <option value="name">name</option>
    <option value="age">age</option>
    <option value="sex">sex</option>
</select>

<script type="text/javascript">

    var getProprety = function(obj) {
        alert(lu[obj.value]);
    }
    var lu = {
        name:"luzhiqiang",
        age:34,
        sex:"男",
        teach: function() {
            alert("他会教书");
        }
    }

    document.getElementById("xx").innerHTML = lu.name;
</script>
</body>
</html>

四、学习心得

通过今天的课，了解了如何创建一个数组、如何创建一个对象并且调用属性跟方法，还有前两天遗留下来的代码理解部分，深入了解了if语句，收获很多。

desonly_forest

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
渡课日记8.2

一、学习内容JavaScript 基本语法部分：对象原理、补充讲解 switch 循环、while 循环、数组数据类型和对象数据类型的创建二、自习安排1:30~2:30消化老师讲解的内容，对如何创建一个对象及对象调用，对象之间如何连接有了一定的了解； 2:30~4:00今日代码的多次敲打； 4:00~5:30预习相关内容三、今日代码有关switch语句、数字...
复制链接

扫一扫