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

add

fengchuanyu 9 months ago
parent
a17a47c05e
commit
67ebe3398f
16 changed files with 470 additions and 0 deletions
Split View Show Diff Stats
  1. BIN
      .DS_Store
  2. BIN
      3_js基础/.DS_Store
  3. 22 0
      3_js基础/综合练习4编程题1.html
  4. 16 0
      3_js基础/综合练习4编程题2.html
  5. 28 0
      3_js基础/综合练习4编程题3.html
  6. 48 0
      3_js基础/综合练习4编程题4.html
  7. 49 0
      3_js基础/综合练习4编程题5.html
  8. 38 0
      3_js基础/综合练习4编程题6.html
  9. 34 0
      3_js基础/综合练习4编程题7.html
  10. 42 0
      3_js基础/综合练习4编程题8.html
  11. 59 0
      3_js基础/综合练习4选择判断部分.html
  12. 13 0
      DOM&BOM/1_DOM简介.html
  13. 32 0
      DOM&BOM/2_DOM基础选择器.html
  14. 23 0
      DOM&BOM/3_DOM控制标签内容.html
  15. 24 0
      DOM&BOM/4_BOM简介.html
  16. 42 0
      DOM&BOM/5_BOM定时函数.html

BIN
.DS_Store
View File


BIN
3_js基础/.DS_Store
View File


+ 22 - 0
3_js基础/综合练习4编程题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>
 
+       var num = parseInt(window.prompt("请输入一个数字"));
 
+       function foo(n){
 
+        console.log(Math.pow(n,2));
 
+        console.log(Math.sqrt(n));
 
+        console.log(Math.log(n))
 
+       }
 
+       foo(num);
 
+    </script>
 
+</body>
 
+
 
+</html>

+ 16 - 0
3_js基础/综合练习4编程题2.html
View File 

@@ -0,0 +1,16 @@
 
+<!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 randomNum = Math.floor(Math.random()*101);
 
+    </script>
 
+</body>
 
+
 
+</html>

+ 28 - 0
3_js基础/综合练习4编程题3.html
View File 

@@ -0,0 +1,28 @@
 
+<!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 rightNow = new Date();
 
+        var year = rightNow.getFullYear();
 
+        var month = rightNow.getMonth()+1;
 
+        var day = rightNow.getDate();
 
+
 
+        var hour = rightNow.getHours();
 
+        var minute = rightNow.getMinutes();
 
+        var second = rightNow.getSeconds();
 
+        
+        var week = rightNow.getDay() == 7?'日':rightNow.getDay();
 
+   
+        var timeStr = "现在是"+ year +"年"+ month +"月"+ day +"日"+ hour +"点"+ minute +"分"+ second +"秒（星期"+ week +")，欢迎您的到访！"
 
+        document.write(timeStr)
 
+   </script>
 
+</body>
 
+
 
+</html>

+ 48 - 0
3_js基础/综合练习4编程题4.html
View File 

@@ -0,0 +1,48 @@
 
+<!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 CollectDigits(s){
 
+        //     var strArr = s.split("");
 
+        //     var resArr = [];
 
+        //     for(var i=0;i<strArr.length;i++){
 
+        //         if( !Number.isNaN(parseInt(strArr[i]))){
 
+        //             resArr.push(strArr[i])
 
+        //         }
 
+        //     }
 
+        //     resArr = resArr.join("")
 
+        //     return resArr;
 
+        // }
 
+
 
+        function CollectDigits(s){
 
+            var strArr = s.split("");
 
+            var resArr = [];
 
+            for(var i=0;i<strArr.length;i++){
 
+                if(strArr[i]>="0" && strArr[i]<="9"){
 
+                    resArr.push(strArr[i])
 
+                }
 
+            }
 
+            resArr = resArr.join("")
 
+            return resArr;
 
+        }
 
+
 
+        var str = "1asd2fj4j6k78";
 
+        console.log(CollectDigits(str));
 
+        
+
 
+
 
+
 
+
 
+        // var str2 = "1-2-3-4-5";
 
+        // console.log(str2.split("-"));
 
+   </script>
 
+</body>
 
+
 
+</html>

+ 49 - 0
3_js基础/综合练习4编程题5.html
View File 

@@ -0,0 +1,49 @@
 
+<!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 Merge(s1,s2){
 
+            // 将传递过来的字符串转换成数组
 
+            var arr1 = s1.split("");
 
+            var arr2 = s2.split("");
 
+            // 定义新数组放置交叉合并后的数据
 
+            var resArr = [];
 
+            //最短数组长度
 
+            var minLength = arr1.length>arr2.length?arr2.length:arr1.length;
 
+            // 存储最长数组
 
+            var maxArr = arr1.length>arr2.length?arr1:arr2;
 
+            for(var i=0;i<minLength;i++){
 
+                resArr.push(arr1[i]);
 
+                resArr.push(arr2[i]);
 
+            }
 
+            // console.log(maxArr.slice(minLength))
 
+            // console.log(resArr);
 
+            // 将结果数组和最长数组剩余部分拼接
 
+            resArr = resArr.concat(maxArr.slice(minLength))
 
+            // 把数组转换成字符串
 
+            return resArr.join("")
 
+        }
 
+
 
+        var str1 = "123456";
 
+        var str2 = "abc";
 
+        console.log(Merge(str1,str2))
 
+        
+
 
+
 
+        // var arr10 = [1,2,3,4,5,6];
 
+        // var minLength10 = 3
 
+
 
+        // console.log(arr10.slice(3))
 
+        // console.log(arr10.splice(3));
 
+        // console.log(arr10)
 
+   </script>
 
+</body>
 
+
 
+</html>

+ 38 - 0
3_js基础/综合练习4编程题6.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>
 
+    <script>
 
+        function foo(arr){
 
+            var resCount = 0;
 
+            var averageNum = 0;
 
+            var minArr = [];
 
+            for(var i=0;i<arr.length;i++){
 
+                resCount += arr[i];
 
+                if( arr[i]<60){
 
+                    minArr.push(arr[i]);
 
+                }
 
+            }
 
+            averageNum = resCount/7;
 
+            document.write("总成绩："+ resCount +"平均分："+averageNum);
 
+            document.write("<br>");
 
+            for(var j=0;j<minArr.length;j++){
 
+                document.write(minArr[j]+"&nbsp;");
 
+            }
 
+
 
+        }
 
+        var arr1 = [];
 
+        for(var k=0;k<7;k++){
 
+            arr1.push( parseInt(window.prompt("请输入成绩")));
 
+        }
 
+        foo(arr1);
 
+   </script>
 
+</body>
 
+
 
+</html>

+ 34 - 0
3_js基础/综合练习4编程题7.html
View File 

@@ -0,0 +1,34 @@
 
+<!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 Fibonacci(n){
 
+            var arr = [1,1];
 
+            if(n<3){
 
+                return 1;
 
+            }else{
 
+                for(var i =2;i<n;i++){
 
+                    arr.push(arr[i-1]+arr[i-2]);
 
+                }
 
+                return arr.reverse();
 
+            }
 
+        }
 
+
 
+        var resArr = Fibonacci(40)
 
+        for(var j=0;j<resArr.length;j++){
 
+            document.write(resArr[j]+"&nbsp;");
 
+            if((j+1)%6==0){
 
+                document.write("<br>")
 
+            }
 
+        }
 
+   </script>
 
+</body>
 
+
 
+</html>

+ 42 - 0
3_js基础/综合练习4编程题8.html
View File 

@@ -0,0 +1,42 @@
 
+<!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 foo(year){
 
+            if((year%4==0&&year%100!=0) || year%400==0){
 
+                return true;
 
+            }else{
 
+                return false;
 
+            }
 
+        }
 
+
 
+        function DayOfYear(d){
 
+            var monthArr = [31,28,31,30,31,30,31,31,30,31,30,31];
 
+            var thisYear = d.getFullYear();
 
+            var thisMonth = d.getMonth();
 
+            var thisDate = d.getDate();
 
+
 
+            var resDayCount = 0;
 
+            if(foo(thisYear)){
 
+                monthArr[1] = 29
 
+            }
 
+            for(var i=0;i<thisMonth;i++){
 
+                resDayCount += monthArr[i]
 
+            }
 
+            resDayCount += thisDate;
 
+            return resDayCount;
 
+        }
 
+
 
+        var rightNow = new Date();
 
+        console.log(DayOfYear(rightNow))
 
+   </script>
 
+</body>
 
+
 
+</html>

+ 59 - 0
3_js基础/综合练习4选择判断部分.html
View File 

@@ -0,0 +1,59 @@
 
+<!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 obj = {
 
+        name:"张三",
 
+        age:"",
 
+        sayName:function(){
 
+            console.log(this.name)
 
+        }
 
+    }
 
+    // delete console.log
 
+    delete obj.age;
 
+    console.log(obj);
 
+
 
+
 
+    // var arr = new Array(1,2,3);
 
+    // console.log(arr);
 
+    // var str = "hello";
 
+    // delete str;
 
+    // console.log(str)
 
+    // var arr = new Array(5);
 
+    var arr = new Array;
 
+    console.log(arr);
 
+
 
+
 
+    // var str2 = new String("hello world");
 
+    // console.log(str2 + "你好")
 
+
 
+
 
+    // console.log(obj.name);
 
+
 
+    // var arr = [1,2,3,4];
 
+    // console.log(arr.length);
 
+
 
+    // var todyObj = new Date();
 
+
 
+    // var obj2 = new Object({a:'1',b:'hello'});
 
+    // console.log(obj2.b);
 
+
 
+    // var rightNow = new Date();
 
+    // console.log(rightNow.getDay());
 
+    // console.log(rightNow.getDate());
 
+
 
+    // var str10 = "hello world";
 
+    // console.log(str10[1]);
 
+    // console.log(str10.charAt(1));
 
+    // var s = "1234567890";
 
+    // s = s.substr(5,2);
 
+    // console.log(s);
 
+
 
+   </script>
 
+</body>
 
+</html>

+ 13 - 0
DOM&BOM/1_DOM简介.html
View File 

@@ -0,0 +1,13 @@
 
+<!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>
 
+        document.write("hello DOM");
 
+    </script>
 
+</body>
 
+</html>

+ 32 - 0
DOM&BOM/2_DOM基础选择器.html
View File 

@@ -0,0 +1,32 @@
 
+<!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>
 
+    <div class="box" id="box1">hello world</div>
 
+    <div class="box">你好世界</div>
 
+    <script>
 
+        // var a = 1;
 
+        // a = 10;
 
+
 
+        // js选择器
 
+        // 类选择器 他将返回一个集合 里面有多个值 类似一个数组
 
+        // var box = document.getElementsByClassName("box");
 
+        // console.log(box[0]);
 
+
 
+        // ID选择器 他将返回一个唯一值
 
+        // var box1 = document.getElementById("box1");
 
+        // console.log(box1);
 
+
 
+        //标签选择器 他将返回一个集合 里面有多个值 类似一个数组
 
+        var divs = document.getElementsByTagName("div");
 
+        console.log(divs)
 
+
 
+
 
+
 
+    </script>
 
+</body>
 
+</html>

+ 23 - 0
DOM&BOM/3_DOM控制标签内容.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>
 
+    <div id="box1">hello world</div>
 
+    <script>
 
+        var oBox = document.getElementById("box1");
 
+        // 修改当前标签内的文本内容
 
+        //    oBox.innerText = "hello DOM";
 
+        //    oBox.innerText = "<h1>hello DOM</h1>";
 
+        // 修改当前标签内容 以html标签格式 它能够渲染html标签
 
+        oBox.innerHTML = "<h1>hello DOM</h1>";
 
+
 
+    </script>
 
+</body>
 
+
 
+</html>

+ 24 - 0
DOM&BOM/4_BOM简介.html
View File 

@@ -0,0 +1,24 @@
 
+<!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>
 
+    <a href="https://www.runoob.com/js/js-window.html">BOM文档</a>
 
+    HTML DOM 的 document 也是 window 对象的属性之一
 
+    <script>
 
+        // window.alert("hello");
 
+        // window.prompt("hello");
 
+
 
+        var a = 10;
 
+        // 定义了一个全局变量 b
 
+        window.b = 20;
 
+
 
+        console.log(a+b)
 
+        console.log(window.a);
 
+
 
+    </script>
 
+</body>
 
+</html>

+ 42 - 0
DOM&BOM/5_BOM定时函数.html
View File 

@@ -0,0 +1,42 @@
 
+<!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>
 
+        // 定时函数
 
+        // window.setTimeout(function(){
 
+        //     console.log("hello world");
 
+        // },3000)
 
+
 
+        // 定时函数 里面接受两个参数 第一个为回调函数，第二个参数是时间毫秒为单位 1000毫秒=1秒
 
+        // setTimeout(function(){
 
+
 
+        // },3000)
 
+
 
+        // function foo(){
 
+        //     console.log("hell world");
 
+        // }
 
+
 
+        // setTimeout(foo,3000);
 
+
 
+        // 定时函数 他会循环之行 会根据设定的时间 间隔 循环
 
+        // setInterval(function(){
 
+        //     console.log("hello world");
 
+        // },1000)
 
+
 
+        var i = 0;
 
+        var set1 = setInterval(function(){
 
+            i++;
 
+            console.log(i)
 
+            if(i==10){
 
+                clearInterval(set1);
 
+            }
 
+        },1000)
 
+
 
+    </script>
 
+</body>
 
+</html>