fengchuanyu 3 долоо хоног өмнө
parent
commit
1dc8d059e4

+ 74 - 0
2-JavaScript/19_对像.html

@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <script>
+        // 创建一个对象 对象中包含多个属性
+        // 属性可以理解为这个对象的特征或者标签
+        // 属性定义方法。  属性名:属性值
+        // 属性一般对应都是非函数
+        var person = {
+            userName:"张三",
+            age:18,
+            sex:"男",
+            hobby:["运动","游戏","学习"],
+            // 方法可以理解为这个对象的行为
+            // 方法定义方法。  方法名:方法体
+            // 方法值是一个函数
+            sayHello:function(){
+                // 方法内如果使用自己的属性可以通过this来调用
+                console.log("你好我叫"+this.userName);
+            }
+        }
+
+        // 获取对象属性
+        var friendName = person.userName;
+
+        // 调用方法
+        person.sayHello();
+
+        // 修改属性
+        person.age = 19;
+
+        // 删除属性
+        delete person.hobby;
+
+
+        console.log(person)
+
+
+
+
+
+
+
+
+        // var foo = function(){
+        //     console.log("我是foo函数");
+        // }
+        // foo()
+
+
+        // var video = {
+        //     videoName:"XXX视频",
+        //     videoTime:"120秒",
+        //     videoSize:"100M",
+        //     like:["张三","李四","王五"],
+        //     comment:[
+        //         {
+        //             userName:"张三",
+        //             comment:"评论内容"
+        //         },
+        //         {
+        //             userName:"李四",
+        //             comment:"评论内容"
+        //         }
+        //     ]
+        // }
+    </script>
+</body>
+</html>

+ 43 - 0
2-JavaScript/练习13_成绩管理.html

@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <script>
+        // 第一步收集成绩
+        // arr 数组用于保存成绩
+        var arr = [];
+        for(var i = 0;i<7;i++){
+            // 通过用户输入收集成绩
+            var score = prompt("请输入第" + (i+1) + "门成绩");
+            // 把用户输入的成绩转换为数字类型
+            score = parseInt(score);
+            // 把转换后的成绩添加到数组中
+            arr.push(score);
+        }
+        console.log(arr);
+        // 第二步计算总成绩
+        // 定义一个变量 用来保存总成绩
+        var sum = 0;
+        for(var j=0;j<arr.length;j++){
+            // 把数组中的每个元素 都累加到sum变量中
+            sum = sum + arr[j];
+        }
+
+        // 第三步查找低于60分的成绩
+        for(var k=0;k<arr.length;k++){
+            // 判断当前成绩是否低于60   
+            if(arr[k]<60){
+                console.log(arr[k]+"低于60");
+            }
+        }
+
+        console.log("总成绩为:" + sum);
+        console.log("平均分为:" + sum/arr.length);
+        
+    </script>
+</body>
+</html>

+ 40 - 0
2-JavaScript/练习14_对象展示.html

@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <!-- 用列表展示出所有的男同学 -->
+    <!-- <ul>
+        <li>姓名:张三</li>
+        <li>姓名:王五</li>
+        <li>姓名:王二</li>
+    </ul> -->
+    <script>
+        var userList = [
+            {
+                userName:"张三",
+                sex:"男"
+            },
+            {
+                userName:"李四",
+                sex:"女"
+            },
+            {
+                userName:"王五",
+                sex:"男"
+            },
+            {
+                userName:"赵六",
+                sex:"女"
+            },
+            {
+                userName:"王二",
+                sex:"男"
+            },
+        ];
+    </script>
+</body>
+</html>