zsydgithub vor 2 Jahren
Ursprung
Commit
29160fa9ca

+ 20 - 0
4_JS基础/10_例子2.html

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+<body>
+  <script>
+    //输入分数,分数在90-100之间,弹出为很优秀(包含90);分数在60-90之间,弹出为合格;分数小于60为挂科!
+
+
+    /* 使用window.prompt可以弹出包含输入框的窗口,用户输入的内容将是此函数的返回值
+      年份  判断 是不是闰年 如果是 返回一个 我是闰年  如果不是 返回一个  我不是闰年
+      年份是4的倍数,且不是100的倍数的 */
+
+  </script>
+</body>
+</html>

+ 47 - 0
4_JS基础/6_复习.html

@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+<body>
+  //两种用到js的方法
+  <!-- <script>
+
+  </script>
+  <script src=""></script> -->
+  <script>
+    var a = 123 //关键词 var
+    //变量名称只能以字母、数字、下划线、$作为变量名称
+    //变量名称必须以字母、下划线、$作为开头
+    //变量不能以关键词为名称
+    //变量区分大小写
+
+    //基本数据类型 number string boolean null undefined
+    //typeof 去判断变量的数据类型
+
+    //运算时候 加法 number + String 会进行拼接
+    //运算时候 加法 number + boolean 转化 true 1 false 0
+    //运算时候 加法 number + undefined 无法进行运算 NaN
+
+    //运算时候 减法 number - string 如果string为纯数字 那么转化为number  进行运算
+    // 如果string不为 纯数字 无法进行转化  输出为NaN
+
+    //运算时候 减法 number - boolean 转化 true 1 false 0
+
+    // ++a 和 a++ 的区别
+    // ++a 先自增 在输出
+    // a++ 先输出 后自增
+
+    //|| 逻辑或 只要有一边为true 返回为true
+    // && 逻辑与  只要有一边为false 返回false
+    // !逻辑非  != 不等于
+
+    // =  进行赋值
+    // == 进行判断 不判断数据类型
+    // === 进行判断 同时判断数据类型
+  </script>
+</body>
+</html>

+ 17 - 0
4_JS基础/7_运算3.html

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+<body>
+  <script>
+    var a = 6
+    console.log(a>5?a:-a)
+
+    //三目运算符  判断条件?true:false
+  </script>
+</body>
+</html>

+ 18 - 0
4_JS基础/8_例子.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+<body>
+  <script>
+    //window.prompt('显示文字',默认值)
+    //第一个参数 是必须的  第二个参数是可选的
+    var a = window.prompt("请输入",18)
+    var b = a*365*24*60*60
+    alert('截止到现在共活了'+b+'秒')
+  </script>
+</body>
+</html>

+ 51 - 0
4_JS基础/9_分支判断.html

@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+
+<body>
+  <script>
+    var a = 8
+    var b = 10
+    // if(a>b){
+    //   alert('你算错了')
+    // } else {
+    //   alert('你算对了')
+    // }
+
+    // if(a==b){
+    //   console.log(a,b)
+    // } else if(a<b){
+    //   console.log(a)
+    // } else{
+    //   console.log(b)
+    // }
+    // switch(语句){
+    //     case 表达式1:
+    //   语句。。。
+    //     case 表达式2:
+    //   语句。。。
+    //     default:
+    //   语句。。。
+    // }
+
+    switch (b-a){
+        case 1:
+        console.log(111)
+        break
+        case 2:
+        console.log(222)
+        break
+        case 3:
+        console.log(333)
+        break
+    }
+  </script>
+</body>
+
+</html>