JavaScript每日三道题【第1期】

最新推荐文章于 2024-04-30 16:57:21 发布

北方的江

最新推荐文章于 2024-04-30 16:57:21 发布

阅读量636

点赞数 15

本文链接：https://blog.csdn.net/2302_77201863/article/details/137939762

版权

JavaScript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1、创建学生对象，打印出学生的学号，姓名，性别，年龄以及行为

2、使用对象创建老虎对象：名称、体重、颜色、行为：吃、跑

3、创建日期对象，打印年月日时分秒以及对应的星期天数

今天的练习题主要是以JavaScript的对象为主

那么开始今天的JavaScript的练习题

1、创建学生对象，打印出学生的学号，姓名，性别，年龄以及行为

<script>
        // 创建学生对象
        var stu = {
            // 属性
            uid: "1",
            uname: "张三",
            usex: "男",
            uage: 18,
            // 方法
            ueat: function () {
                return "学生喜欢吃零食"
            },
            usleep: function () {
                return "学生正在睡觉"
            },
        }
        // 调用对象
        document.write("学号：" + stu.uid + "<br>姓名：" + stu.uname + "<br>性别：" + stu.usex + "<br>年龄：" + stu.uage + "<br>行为1：" + stu.ueat() + "<br>行为2：" + stu.usleep())
    </script>

2、使用对象创建老虎对象：名称、体重、颜色、行为：吃、跑

<script>
        // 使用对象创建老虎对象：名称、体重、颜色、行为：吃、跑
        var tiger = {
            // 属性
            name: "东北虎",
            weight: 200,
            color: "黄色",
            // 方法
            eat: function () {
                return "老虎正在吃肉"
            },
            run: function () {
                return "老虎正在奔跑"
            }
        }
        // 调用对象
        document.write("<br>名称：" + tiger.name + "<br>体重：" + tiger.weight + "<br>颜色：" + tiger.color + "<br>行为：" + tiger.eat() + "<br>运动：" + tiger.run())
    </script>

3、创建日期对象，打印年月日时分秒以及对应的星期天数

首先我们先编写HTML部分：

<body onload="getTime()">
    <!-- 创建一个输入框，用于显示日期和时间信息 -->
    <input type="text" id="time" size="40" style="height: 40px; font-size: 40px; text-align: center; border: 0px;">
</body>

然后我们再编写JavaScript部分：

<script>
        // 创建日期对象
        function getTime() {
            var dt = new Date();  // 获取当前日期和时间
            // 获取当前年月日的星期
            var weekday = new Array(7)  //  创建一个长度为7的数组，用于存储星期的信息
            weekday[0] = "星期日"  // 设置数组元素
            weekday[1] = "星期一"
            weekday[2] = "星期二"
            weekday[3] = "星期三"
            weekday[4] = "星期四"
            weekday[5] = "星期五"
            weekday[6] = "星期六"
            var n = dt.getDay()  // 获取当前日期是星期几（0-6）

            // 调用输出日期和星期信息
            document.getElementById("time").value = (dt.getFullYear() + "年" + (dt.getMonth() + 1) + "月" + dt.getDate() + "日" + weekday[n] + dt.getHours() + "时" + dt.getMinutes() + "分" + dt.getSeconds() + "秒")// 输出日期和时间信息
        }
        setInterval("getTime()", 1000)  // 定时器
    </script>

好了，今天的JavaScript的三道编程练习题到此结束！！

如果您也喜欢这期编程练习题就点赞+收藏+关注

您的一个关注就是对我最大的鼓励，谢谢大家！！

北方的江

关注

15
点赞
踩
4

收藏

觉得还不错? 一键收藏
1
评论
JavaScript每日三道题【第1期】

JavaScript每日三道题【第1期】1、创建学生对象，打印出学生的学号，姓名，性别，年龄以及行为2、使用对象创建老虎对象：名称、体重、颜色、行为：吃、跑3、创建日期对象，打印年月日时分秒以及对应的星期天数
复制链接

扫一扫