Home Explore Help
Sign In
lovecoding
/
VIP32
10
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

js

e 1 year ago
parent
7e7ec1b415
commit
7a0839a6d6
3 changed files with 91 additions and 0 deletions
Split View Show Diff Stats
  1. 38 0
      JS初级/JS基础/12.函数.html
  2. 22 0
      JS初级/JS基础/12_1.练习.html
  3. 31 0
      JS初级/JS基础/13.数组.html

+ 38 - 0
JS初级/JS基础/12.函数.html
View File 

@@ -0,0 +1,38 @@
 
+<!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>
 
+    <!-- 
+        function（声明） 名字(形参) {
 
+            代码块
 
+        }
 
+        函数的命名规则与变量相同
 
+        调用函数：
 
+         名字(实参)
 
+     -->
 
+    <script>
 
+        // 全局变量
 
+        // 局部变量
 
+        var sum = 1;
 
+        function fn1() {
 
+            var and = 2;
 
+            document.write("这是我的第一个函数"+sum)
 
+        }
 
+        // 使用时 必须调用
 
+        fn1();
 
+        // document.write(and)
 
+
 
+
 
+        function fn2(a,b) {
 
+            var sum1 = a + b;
 
+            document.write("传入的和是:" + sum1);
 
+        }
 
+        fn2(11,12);
 
+
 
+    </script>
 
+</body>
 
+</html>

+ 22 - 0
JS初级/JS基础/12_1.练习.html
View File 

@@ -0,0 +1,22 @@
 
+<!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>
 
+        // 计算三角形面积
 
+        // 需求：进入页面输入 宽高（分开输入） 页面展示当前输入宽高的三角形面积？
 
+        // 用函数去写
 
+        function fn1() {
 
+            var width = prompt("请输入三角形的宽度");
 
+            var height = prompt("请输入三角形的高度");
 
+            var area = (width * height) / 2;
 
+            document.write(area);
 
+        }
 
+        fn1();
 
+    </script>
 
+</body>
 
+</html>

+ 31 - 0
JS初级/JS基础/13.数组.html
View File 

@@ -0,0 +1,31 @@
 
+<!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>
 
+        // typeof [] => object 引用数据类型
 
+        // 1.定义数组
 
+        var arr = [];
 
+        arr[2] = '我的';
 
+        arr[0] = '你的';
 
+        arr[1] = true;
 
+        console.log(arr);
 
+        // arr[xx] 下标：下标从0开始
 
+        // 2.定义数组
 
+        var arr1 = new Array();
 
+        arr1 = ['1',2,false,null,undefined];
 
+        console.log(arr1,'arr1');
 
+        // 3.遍历数组
 
+        var arr3 = [12,23,34,45,56,67,78,89,90];
 
+        // console.log(arr3.length)
 
+        for(var i=0;i<arr3.length;i++){
 
+            console.log(i,'i')
 
+            document.write("此次循环的值是:" + arr3[i]);
 
+        }
 
+    </script>
 
+</body>
 
+</html>