2 жил өмнө · 6a2b75a561
--- a/4_js/10_对象.html
+++ b/4_js/10_对象.html
@@ -0,0 +1,55 @@
 
				+<!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 = [0,1,2,3,4]
			
 
				+    // a[0] = 6
			
 
				+    // console.log(a)
			
 
				+
			
 
				+    // var obj = {
			
 
				+    //   name: 'zs',
			
 
				+    //   age: 18,
			
 
				+    //   address:'nangang'
			
 
				+    // }
			
 
				+    // console.log(obj)
			
 
				+
			
 
				+    // var obj = new Object()
			
 
				+    
			
 
				+    // obj.name = 'lisi'
			
 
				+    // obj.age = '20'
			
 
				+    // console.log(obj)
			
 
				+
			
 
				+
			
 
				+    // var person = new Array()
			
 
				+    // person['age'] = 30 //注意，中括号里面的下标是一个字符串，所以需要使用引号
			
 
				+    // person['name'] = 'ww'
			
 
				+    // console.log(person)
			
 
				+
			
 
				+    var arr = new Array()
			
 
				+    var obj = new Object()
			
 
				+    console.log(typeof arr)
			
 
				+    console.log(typeof obj)
			
 
				+
			
 
				+    // var a = 123
			
 
				+    // var b = '123'
			
 
				+    // var c = true
			
 
				+    // var d 
			
 
				+    // console.log(typeof d)
			
 
				+  
			
 
				+    引用数据类型: obj
			
 
				+
			
 
				+    var x = new String()
			
 
				+    var y = new Number()
			
 
				+    var z = new Boolean()
			
 
				+    //请避免字符串、数值或逻辑对象。他们会增加代码的复杂性并降低执行速度。
			
 
				+
			
 
				+
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/4_js/3_变量的运算.html
+++ b/4_js/3_变量的运算.html
@@ -0,0 +1,104 @@
 
				+<!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 = 111;
			
 
				+    // var b = 222;
			
 
				+    // console.log(a+b)
			
 
				+    // console.log(a-b)
			
 
				+    // console.log(a*b)
			
 
				+
			
 
				+
			
 
				+    // var c = 111; // number
			
 
				+    // var d = '111' //string
			
 
				+    // console.log(c+d) //number + string  字符串拼接  111+'111' = '111111'
			
 
				+
			
 
				+    // var c = 222; //number
			
 
				+    // // var d = '111'; //string
			
 
				+    // var d = '111haha'
			
 
				+    // console.log(c-d) //减法的时候 会判断一下  如果是纯数字  自动把字符串转换为数字  然后参与运算
			
 
				+    // //如果 字符串内不是纯数字  参与减法运算的时候  会输出为NaN  无法计算
			
 
				+
			
 
				+    // var f = 4;
			
 
				+    // var e = '12'
			
 
				+    // console.log(f*e) //乘法运算的时候  也会 转化
			
 
				+
			
 
				+
			
 
				+    // var f = 4; //number
			
 
				+    // var e = true; //boolean
			
 
				+    // console.log(f+e) //数字和布尔值相加的时候   会先把布尔值进行转换  true 1  false 0
			
 
				+
			
 
				+    // var f = 4 ;
			
 
				+    // var e = false;  //false = 0
			
 
				+    // console.log(f*e)
			
 
				+
			
 
				+
			
 
				+    // var f = true; //boolean
			
 
				+    // var e = '123'; //string
			
 
				+    // console.log(f+e) //参与加法运算的时候  如果出现字符串  就会进行字符串拼接
			
 
				+
			
 
				+    // var f = true;
			
 
				+    // var e = '123';
			
 
				+    // console.log(f-e)// 把布尔值 进行转换   并且判断字符串内是否为纯数字  是的话  参与运算、
			
 
				+
			
 
				+    // var f = 123; //number
			
 
				+    // var e ; //undefined
			
 
				+    // console.log(f+e)  //NaN
			
 
				+
			
 
				+
			
 
				+    // var z = 111;
			
 
				+    // console.log(z++) //先输出  自增  111
			
 
				+    // console.log(++z) //自增  输出  113
			
 
				+
			
 
				+
			
 
				+    // var h = 666;
			
 
				+    // console.log(h--) //666
			
 
				+    // console.log(--h) //664
			
 
				+  
			
 
				+
			
 
				+  // var a =  '今天气温'
			
 
				+  // var b = '摄氏度'
			
 
				+
			
 
				+  // console.log(a+18+b)
			
 
				+
			
 
				+  // var a = 20
			
 
				+  // console.log('今天气温'+a+'摄氏度')
			
 
				+
			
 
				+
			
 
				+  // var a = '18岁'
			
 
				+  // alert('我的年龄'+a)
			
 
				+
			
 
				+
			
 
				+    var a = 5
			
 
				+    var b = 4
			
 
				+    // console.log(a!=b)
			
 
				+
			
 
				+
			
 
				+    // console.log((2<4)==(5>3)==(3<=3)==true);
			
 
				+
			
 
				+
			
 
				+    console.log(a===b)
			
 
				+
			
 
				+    //= 进行赋值 不进行判断
			
 
				+    //==  判断值 但是不判断数据类型
			
 
				+    // === 判断值 同时判断数据类型
			
 
				+
			
 
				+
			
 
				+    // console.log(a>5&&b<6)
			
 
				+    // console.log(a>4||b<4)
			
 
				+    console.log(a!=4)
			
 
				+
			
 
				+    //&& 逻辑与  当两边值都为true，才返回true
			
 
				+    //||逻辑或  当一边为true的时候，就返回true
			
 
				+    //!逻辑非
			
 
				+
			
 
				+
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/4_js/4_例子.html
+++ b/4_js/4_例子.html
@@ -0,0 +1,49 @@
 
				+<!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 msg = window.prompt("请输入一个数字", "默认值");
			
 
				+    //prompt方法包含一个必须参数和一个可选参数。
			
 
				+    //第一个参数是必须的，将在窗口中显示的文字，第二个参数是可选的，为文本框的预设值
			
 
				+
			
 
				+    alert(msg);//将输出我们输入进去的东西
			
 
				+
			
 
				+
			
 
				+    请输入年龄，我们计算他活了多少秒？ */
			
 
				+
			
 
				+
			
 
				+    // var h = window.prompt("请输入一个年龄", 18)
			
 
				+    // var a = h * 365 * 24 * 60 * 60;
			
 
				+    // alert('总共活了' + a + '秒')
			
 
				+
			
 
				+    // 使用window.prompt可以弹出包含输入框的窗口，用户输入的内容将是此函数的返回值
			
 
				+    //   年份  判断 是不是闰年 如果是 返回一个 我是闰年  如果不是 返回一个  我不是闰年
			
 
				+    // 年份是4的倍数，且不是100的倍数的
			
 
				+
			
 
				+
			
 
				+    // 记得要用条件运算符！！！
			
 
				+
			
 
				+
			
 
				+    var a = window.prompt('请输入年份',2023)
			
 
				+    if(a % 4 == 0 && a % 100 != 0){
			
 
				+      alert('我是闰年')
			
 
				+    } else{
			
 
				+      alert('我不是闰年')
			
 
				+    }
			
 
				+    
			
 
				+
			
 
				+
			
 
				+  </script>
			
 
				+</body>
			
 
				+
			
 
				+</html>
			
--- a/4_js/5_分支判断.html
+++ b/4_js/5_分支判断.html
@@ -0,0 +1,76 @@
 
				+<!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 = 7;
			
 
				+    // var b = 8;
			
 
				+    /* 
			
 
				+    使用if来规定要执行的代码块，如果指定条件为true
			
 
				+    使用else来规定要执行的代码块，如果指定条件为false
			
 
				+    */
			
 
				+    /* 
			
 
				+    if 代表条件成立 执行if后面的语句
			
 
				+    else 代表只要if不成立 其他条件都可以 去执行else
			
 
				+    */
			
 
				+    // if (a > b) {
			
 
				+    //   console.log("错误的")
			
 
				+    // } else {
			
 
				+    //   console.log('正确的')
			
 
				+    // }
			
 
				+
			
 
				+    /* 
			
 
				+    使用else if 来规定要测试的新条件  多加了一层判定
			
 
				+    */
			
 
				+    // if (a > b) {
			
 
				+    //   console.log(1111)
			
 
				+    // } else if (a == b) {
			
 
				+    //   console.log(222)
			
 
				+    // } else {
			
 
				+    //   console.log(333)
			
 
				+    // }
			
 
				+
			
 
				+    /* 
			
 
				+    break 停止后续的操作
			
 
				+    default 当其他条件都不执行的时候 去走defalut  默认值
			
 
				+    */
			
 
				+
			
 
				+    // var c = 0
			
 
				+    // switch (c) {
			
 
				+    //   case 4:
			
 
				+    //     alert('我是4')
			
 
				+    //     break
			
 
				+    //   case 3:
			
 
				+    //     alert('我是3')
			
 
				+    //     break
			
 
				+    //   case 2:
			
 
				+    //     alert('我是2')
			
 
				+    //     break
			
 
				+    //   case 1:
			
 
				+    //     alert('我是1')
			
 
				+    //     break
			
 
				+    //   default:
			
 
				+    //     alert('我谁也不是')
			
 
				+    //     break
			
 
				+    // }
			
 
				+
			
 
				+
			
 
				+    var num = window.prompt("请输入分数",60)
			
 
				+    if(num >=90&&num<=100){
			
 
				+      alert('优秀')
			
 
				+    } else if(num >= 60 && num < 90){
			
 
				+      alert('及格')
			
 
				+    } else if (num < 60) {
			
 
				+      alert("不合格")
			
 
				+    }
			
 
				+  </script>
			
 
				+</body>
			
 
				+
			
 
				+</html>
			
--- a/4_js/6_总结.html
+++ b/4_js/6_总结.html
@@ -0,0 +1,35 @@
 
				+<!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>
			
 
				+    /* 
			
 
				+    js 是一个弱类型的语言   在加法或者减法运算的时候 可以更改数据类型    
			
 
				+    */
			
 
				+    var a = 123;
			
 
				+    var b = '123字';
			
 
				+    var c = true
			
 
				+    // 执行加法  string 和 谁相加都会进行拼接   如果是boolean和number  boolean转化
			
 
				+    //执行减法  string会先进行 自我审查  里面如果为纯数字  转化为number  参与运算
			
 
				+    //  如果  不是纯数字   结果 NaN  
			
 
				+    // boolean  进行转换
			
 
				+
			
 
				+
			
 
				+    var a = 111;
			
 
				+    console.log(++a)
			
 
				+    console.log(a++)
			
 
				+
			
 
				+    var h = 12;
			
 
				+    var n = '12';
			
 
				+    console.log(h===n)
			
 
				+
			
 
				+    // 基本数据类型：  number string boolean undefined null
			
 
				+
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/4_js/7_循环.html
+++ b/4_js/7_循环.html
@@ -0,0 +1,39 @@
 
				+<!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>
			
 
				+    // for(var i=0;i<10 ;i++){
			
 
				+    //   console.log('i当前的值为'+ i)
			
 
				+    // }
			
 
				+
			
 
				+
			
 
				+    // for(var i =0;i<6;i++){
			
 
				+    //   console.log('i当前的值为'+ i)
			
 
				+    //   for(var j=0;j<6;j++){
			
 
				+    //     console.log('j当前的值为'+ j)
			
 
				+    //   }
			
 
				+    // }
			
 
				+
			
 
				+    // while(true){
			
 
				+    //   console.log(111)
			
 
				+    // }
			
 
				+
			
 
				+    //无论条件是否成立  都执行一次do里面的语句
			
 
				+    // do{
			
 
				+    //   console.log(111)
			
 
				+    // }while(false)
			
 
				+
			
 
				+
			
 
				+    var a = 10;
			
 
				+    for(var i=0;i<a;i++){
			
 
				+      console.log(i)
			
 
				+    }
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/4_js/8_函数.html
+++ b/4_js/8_函数.html
@@ -0,0 +1,54 @@
 
				+<!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>
			
 
				+    function num(x, y) {
			
 
				+      console.log(x + y)
			
 
				+    }
			
 
				+    num(10, 5)
			
 
				+    /* JavaScript 函数通过 function 关键词进行定义，其后是函数名和括号()。
			
 
				+    函数名可包含字母、数字、下划线和美元符号（规则与变量名相同）。
			
 
				+    圆括号可包括由逗号分隔的参数 */
			
 
				+
			
 
				+    // function area(){
			
 
				+    //   var a = window.prompt('请输入三角形的底边长度',"")
			
 
				+    //   var b = window.prompt('请输入三角形的高度',"")
			
 
				+    //   var c = a*b/2
			
 
				+    //   alert('三角形的面试是'+ c)
			
 
				+    // }
			
 
				+    // area()
			
 
				+
			
 
				+    // var d = 111 //全局变量
			
 
				+    // function num1(){
			
 
				+    //   var b = 123 //局部变量 
			
 
				+    //   console.log(b)
			
 
				+    // }
			
 
				+    // num1()
			
 
				+    // console.log(b)
			
 
				+    //局部变量只能在局部访问   在全局访问不到  
			
 
				+    //全局变量  能在 所有地方 访问
			
 
				+    
			
 
				+    var z = 111;
			
 
				+    fun()
			
 
				+    console.log(z)
			
 
				+    function fun(){
			
 
				+      console.log(z)
			
 
				+      z = 110
			
 
				+      console.log(z)
			
 
				+    }
			
 
				+    
			
 
				+    
			
 
				+
			
 
				+
			
 
				+  </script>
			
 
				+</body>
			
 
				+
			
 
				+</html>
			
--- a/4_js/9_数组.html
+++ b/4_js/9_数组.html
@@ -0,0 +1,27 @@
 
				+<!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 = [0,1,6,3,4]  //数组当中的第一个数字  索引为0
			
 
				+    // console.log(a)
			
 
				+
			
 
				+    var b = ['hahahah',true,123]
			
 
				+    console.log(b)
			
 
				+
			
 
				+    var a = new Array()
			
 
				+    a[0] = 'xixixi'
			
 
				+    a[3] = 'hehehe'  //empty 空占位
			
 
				+    console.log(a)
			
 
				+
			
 
				+    for(var i=0;i<b.length;i++){
			
 
				+      console.log(b[i])
			
 
				+    }
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>