e 1 gadu atpakaļ
vecāks
revīzija
42db5c3a26

+ 11 - 0
day9/html/1.循环语句.html

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>循环语句</title>
+</head>
+<body>
+    <script src="../js/1.循环语句.js"></script>
+</body>
+</html>

+ 11 - 0
day9/html/2.函数.html

@@ -0,0 +1,11 @@
+<!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 src="../js/2.函数.js"></script>
+</body>
+</html>

+ 11 - 0
day9/html/3.整理.html

@@ -0,0 +1,11 @@
+<!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 src="../js/3.整理.js"></script>
+</body>
+</html>

+ 11 - 0
day9/html/4.数组.html

@@ -0,0 +1,11 @@
+<!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 src="../js/4.数组.js"></script>
+</body>
+</html>

+ 11 - 0
day9/html/5.对象.html

@@ -0,0 +1,11 @@
+<!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 src="../js/5.对象.js"></script>
+</body>
+</html>

+ 21 - 0
day9/js/1.循环语句.js

@@ -0,0 +1,21 @@
+var a =13;
+// for循环
+// for(初始化变量;判断条件;执行表达式)
+// 当条件满足时 跳出循环;不满足 一直循环
+// for while 循环 条件成立才开始循环
+for( var i = 6;i < 5;i++ ){
+    console.log("当前值为:" + i);
+}
+// while
+while(a <= 15) {
+    document.write(a)
+    // console.log(a,'while');
+    break;//跳出该层循环
+    // continue;//继续下次循环,结束该次循环
+}
+
+// do while 无论条件成立与否 都会先执行一次循环
+do{
+    console.log(a,'do while');
+    a++;
+}while(a<14)

+ 32 - 0
day9/js/2.函数.js

@@ -0,0 +1,32 @@
+// 全局变量
+// 全局变量可以在整体页面使用
+var sum = 1;
+function f1() {
+    console.log(sum,'开始')
+    console.log("这是第一个函数");
+}
+f1();
+
+// function(声明) 函数名称(注意:函数名必须是英文/数字) {
+    // 代码块
+    // 函数要执行的表达式
+// }
+// 调用函数 函数名()
+// 函数名命名规则同变量命名规则相同
+
+function f2() {
+    document.write("这是第二个函数")
+}
+f2();
+
+function f3(a,b) {
+    // 函数中接受传参 多个参数用逗号隔开
+    // 局部变量
+    // 局部变量是在局部声明使用的变量 全局读不到 
+    sum = a + b;
+    console.log(sum,'和')
+}
+console.log(sum,'最后')
+// 函数的传参
+// 在调用时 我们需要传参
+f3(10,5);

+ 48 - 0
day9/js/3.整理.js

@@ -0,0 +1,48 @@
+// for
+// for(var i=0;i<10;i++) {
+//     console.log(i,'i')
+// }
+// while
+// var a = 2;
+// while(a < 10) {
+//     document.write(a);
+//     a++;
+// }
+// do while
+// var b = 21;
+// do{
+//     console.log(b)
+// }while(b<19)
+
+// break continue
+// for(var i = 0;i < 5;i++) {
+//     // console.log("当前i的值"+i)
+//     if(i == 3) {
+//         console.log("当前i的值是3")
+//         continue;//继续下次循环 跳出循环
+//     }
+//     document.write(i);
+//     // break;
+// }
+
+
+// 函数
+// function 函数名() {
+    //函数中要执行的表达式;
+// } 
+// 调用函数
+// 函数名();
+// 函数的传参 多个参数逗号隔开
+// 变量:全局变量和局部变量 
+
+
+// 计算三角形的面积
+// 在函数里写一个计算三角形面积的公式
+// 要求输入 宽高  自动计算 面积
+function f1() {
+    var width = window.prompt("请输入三角形的宽度");
+    var height = window.prompt("请输入三角形的高度");
+    var area = width*height/2;
+    document.write(area);
+}
+f1();

+ 20 - 0
day9/js/4.数组.js

@@ -0,0 +1,20 @@
+var arr3 = [];
+arr3[0] = '我';
+arr3[1] = '你';
+console.log(arr3);
+var arr = [1,2,3,4,5,6,7];
+console.log(arr);
+// 长度 length
+console.log(arr.length);
+// 生成一个空数组
+var arr1 = new Array();
+console.log(arr1,'arr1');
+var arr2 = [1,'3232','动画设计师',48,9,true];
+console.log(arr2,'arr2');
+console.log(arr2[2]);
+// 下标 名称[下标第几个]
+console.log(arr2[5]);
+
+for(var i=0;i<arr.length;i++){
+    console.log("下标:"+ i)
+}

+ 38 - 0
day9/js/5.对象.js

@@ -0,0 +1,38 @@
+// 生成新的空数组
+var arr = new Array();
+var arr = [];
+// 生成新的空对象
+var obj2 = new Object();
+// var data = new Date();
+console.log(data,'data')
+obj2.name = '我的';
+console.log(obj2,'obj2');
+// 创建一个对象 对象的声明
+var obj1 = {};
+var obj = {
+    name: '小郑',
+    sex: '女',
+    age: '我不告诉你'
+}
+// 对象的使用
+// 对象名.属性名 = 属性值
+console.log(obj.name);
+console.log(arr);
+
+console.log(typeof arr);//Object
+console.log(typeof obj);//Object
+
+var x = new String();        // 把 x 声明为 String 对象
+var y = new Number();        // 把 y 声明为 Number 对象
+var z = new Boolean();       //	把 z 声明为 Boolean 对象
+// 请避免字符串、数值或逻辑对象。他们会增加代码的复杂性并降低执行速度。
+
+var aa = 1;
+console.log(typeof aa);
+
+console.log(typeof x,'x');
+console.log(typeof y,'y');
+console.log(typeof z,'z')
+console.log( x,'x1');
+console.log( y,'y1');
+console.log( z,'z1')