Home Explore Help
Sign In
lovecoding
/
web0715
10
0
Fork 0
Files Issues 0 Wiki
Browse Source

add

fengchuanyu 10 months ago
parent
f543767831
commit
877e3a64b9
6 changed files with 174 additions and 1 deletions
Split View Show Diff Stats
  1. BIN
      .DS_Store
  2. 26 0
      3_js基础/4_js当中运算符.html
  3. 44 1
      3_js基础/5_分支判断.html
  4. 61 0
      3_js基础/6_循环.html
  5. 20 0
      3_js基础/7_页面交互方法.html
  6. 23 0
      3_js基础/8_内置方法.html

BIN
.DS_Store
View File


+ 26 - 0
3_js基础/4_js当中运算符.html
View File 

@@ -14,6 +14,8 @@
 
         console.log(num * num2);//乘
 
         console.log(num2 / num);//除
 
 
+
 
+
 
         // 如果对字符型进行加法运算 那么他将加号左右两边进行字符拼接
 
         var str1 = "hello";
 
         var str2 = "world";
 
@@ -39,7 +41,31 @@
 
         console.log(num4 <= num5);//小于等于
 
         // 如果字符型数字和数值型数字进行 == 运算 会转行成数值型进行对比
 
         console.log(num6 == num5);
 
+        // === 绝对等于  不仅判断值还会判断数据类型
 
         console.log(num6 === num5);
 
+
 
+
 
+        var num7 = 1;
 
+        // num7 = num7 + 1;
 
+        // num += 1;
 
+        // num++;
 
+        // ++num;
 
+
 
+        // num7 = num7 - 1;
 
+        // num -= 1
 
+        // num--;
 
+        // --num;
 
+
 
+        //num7 *= 2; 等同于 num7 = num7 * 2
 
+        //num7 /= 2; 等同于 num7 = num7 / 2
 
+
 
+        // ++ 写在前和写在后是有区别的 写在前面是先自增在做其他操作，写在后边先做其他操作在自增
 
+        // var num8 = ++num7;
 
+        // var num8 = num7++;
 
+        // console.log(num7);
 
+        // console.log(num8);
 
+
 
+
 
     </script>
 
 </body>
 
 </html>

+ 44 - 1
3_js基础/5_分支判断.html
View File 

@@ -49,11 +49,54 @@
 
         console.log(!boo);
 
 
         // 三元运算符
 
-
 
+        // 它是由 ？和 ：构成  ‘？’前方是条件表达式  如果表达式为真 则取‘：’左侧值 如果表达式为假取‘：’右侧值 
         var num11 = 10;
 
         var num12 = 20;
 
         var num13 = num11>num12?num11:num12;
 
         console.log(num13)
 
+
 
+        // var boo1 = true;
 
+        // 如果用字符串作为判断依据 那么空字符 为false  如果字符内有内容为 true
 
+        // var boo1 = "";
 
+        // var boo1 = "hello";
 
+        //var boo1 = " ";//true 因为里面有空格不为空
 
+
 
+        // 如果数值型进行判断 0为false 其他都为true
 
+        // var boo1 = 0;
 
+
 
+        // undefined （表示未定义） 如果进行条件判断则为false
 
+        // var boo1 = undefined;
 
+        // null 表示空对象 如果进行条件判断则为false
 
+        // var boo1 = null;
 
+        // []空数组 如果进行条件判断则为true
 
+        // var boo1 = [];
 
+        // {}空对象 如果进行条件判断则为true
 
+        // var boo1 = {};
 
+
 
+        // if(boo1){
 
+        //     console.log("成立");
 
+        // }else{
 
+        //     console.log("不成立");
 
+        // }
 
+
 
+        var a = 1;
 
+
 
+        // if(a == 1){
 
+        //     console.log("星期一")
 
+        // }
 
+        switch (a) {
 
+            case 1:
 
+                console.log("星期一");
 
+                console.log("end")
 
+                break;
 
+            case 2:console.log("星期二");break;
 
+            case 3:console.log("星期三");break;
 
+            case 4:console.log("星期四");break;
 
+            case 5:console.log("星期五");break;
 
+            case 6:console.log("星期六");break;
 
+            case 7:console.log("星期日");break;
 
+        }
 
+
 
     </script>
 
 </body>
 
 </html>

+ 61 - 0
3_js基础/6_循环.html
View File 

@@ -0,0 +1,61 @@
 
+<!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 arr = [1,2,3,4,5,6,7,8,9];
 
+        // console.log(arr[0]);
 
+        // console.log(arr[1]);
 
+        // for 循环
 
+        // 数组下有一个属性值叫 length 它代表数组长度
 
+        // console.log(arr.length);
 
+
 
+        // for(var i =0;i<arr.length;i++){
 
+        //     console.log(arr[i]);
 
+        // }
 
+
 
+        // var i = 0;
 
+        // for(;i<arr.length;i++){
 
+        //     console.log(arr[i]);
 
+        // }
 
+
 
+        // for(i=0;i<arr.length;i++){
 
+        //     console.log(arr[i]);
 
+        // }
 
+
 
+
 
+        // var i = 11;
 
+        // while(i<10){
 
+        //     console.log(i);
 
+        //     i++;
 
+        // }
 
+
 
+        // var i = 11;
 
+        // do{
 
+        //     console.log(i)
 
+        //     i++
 
+        // }while(i<10);
 
+
 
+        // continue 循环中如果遇到 continue 结束本次循环直接到下一次循环
 
+        // for(var i =0;i<20;i++){
 
+        //     if(i%2!=0){
 
+        //         continue;
 
+        //     }
 
+        //     console.log(i)
 
+        // }
 
+
 
+        // break 循环中如果遇到 break 结束整个循环
 
+        for(var i =0;i<arr.length;i++){
 
+            if(arr[i] == 5){
 
+                break;
 
+            }
 
+           console.log(arr[i]);
 
+        }
 
+
 
+    </script>
 
+</body>
 
+</html>

+ 20 - 0
3_js基础/7_页面交互方法.html
View File 

@@ -0,0 +1,20 @@
 
+<!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>
 
+        // 页面弹框
 
+        // alert("页面错误");
 
+        // 确认弹框 取消则为false 确定则为true
 
+        // var boo = window.confirm("是否关闭");
 
+        // console.log(boo);
 
+
 
+        var str = window.prompt("请输入数字");
 
+        console.log(str);
 
+    </script>
 
+</body>
 
+</html>

+ 23 - 0
3_js基础/8_内置方法.html
View File 

@@ -0,0 +1,23 @@
 
+<!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 str = "10";
 
+        // var num = 1;
 
+
 
+        // console.log(str*1 + num);
 
+        // parseInt 可以将数字字符串转换成真实的数字
 
+        // str = parseInt(str);
 
+        // console.log(str + num);
 
+        // Math.random() 生成随机数字，0-1
 
+        // var roundNum = Math.random();
 
+        // console.log(roundNum);
 
+    </script>
 
+</body>
 
+</html>