首页 发现 帮助
登录
lovecoding
/
web0715
10
0
派生 0
文件 工单管理 0 Wiki
浏览代码

add

fengchuanyu 9 月之前
父节点
29e3d565b0
当前提交
995f7bcd93
共有 17 个文件被更改，包括 39 次插入 和 25 次删除
合并视图 显示文件统计
  1. 1 1
      3_js基础/2_定义变量.html
  2. 1 1
      3_js基础/3_变量类型.html
  3. 6 6
      3_js基础/6_循环.html
  4. 3 0
      3_js基础/综合练习3编程题3.html
  5. 1 1
      3_js基础/综合练习3编程题7.html
  6. 1 1
      3_js基础/综合练习3编程题8.html
  7. 1 1
      4_DOM&BOM/13_DOMjs动画.html
  8. 1 1
      4_DOM&BOM/16_DOM获取父节点.html
  9. 1 1
      4_DOM&BOM/21_DOM事件机制.html
  10. 1 0
      4_DOM&BOM/22_DOM阻止事件机制.html
  11. 2 2
      4_DOM&BOM/2_DOM基础选择器.html
  12. 2 0
      4_DOM&BOM/4_BOM简介.html
  13. 1 0
      4_DOM&BOM/5_BOM定时函数.html
  14. 5 0
      4_DOM&BOM/6_DOM事件绑定.html
  15. 3 3
      4_DOM&BOM/复习1_DOM.html
  16. 8 7
      4_DOM&BOM/练习4_图片切换.html
  17. 1 0
      5_ES6/1_新的变量定义关键字.html

+ 1 - 1
3_js基础/2_定义变量.html
查看文件 

@@ -8,7 +8,7 @@
 
 <body>
 
 <body>
 
     <script>
 
     <script>
 
         // var 定义变量的关键则  
         // var 定义变量的关键则  
-        //‘str’ 变量名 （由数字、字母、下划线_、$  数字不能开头）
 
+        //‘str’ 变量名 （由数字、字母、下划线_、$  数字不能开头）不能使用关键字和保留子
 
         // 其中“hello world” 是一段字符串
 
         // 其中“hello world” 是一段字符串
 
         var str = "hello world!";
 
         var str = "hello world!";
 
         // console.log() 这个方法是向控制台输出内容  最为常用的调试方式
 
         // console.log() 这个方法是向控制台输出内容  最为常用的调试方式

+ 1 - 1
3_js基础/3_变量类型.html
查看文件 

@@ -68,7 +68,7 @@
 
         // 允许未定义直接赋值
 
         // 允许未定义直接赋值
 
         loveCoding = "爱扣钉";
 
         loveCoding = "爱扣钉";
 
         console.log(loveCoding);
 
         console.log(loveCoding);
 
-
 
+        // 未定义的变量是不允许直接使用
 
         console.log(testStr10);
 
         console.log(testStr10);
 
     </script>
 
     </script>
 
 </body>
 
 </body>

+ 6 - 6
3_js基础/6_循环.html
查看文件 

@@ -49,12 +49,12 @@
 
         // }
 
         // }
 
 
 
         // break 循环中如果遇到 break 结束整个循环
 
         // break 循环中如果遇到 break 结束整个循环
 
-        for(var i =0;i<arr.length;i++){
 
-            if(arr[i] == 5){
 
-                break;
 
-            }
 
-           console.log(arr[i]);
 
-        }
 
+        // for(var i =0;i<arr.length;i++){
 
+        //     if(arr[i] == 5){
 
+        //         break;
 
+        //     }
 
+        //    console.log(arr[i]);
 
+        // }
 
 
 
     </script>
 
     </script>
 
 </body>
 
 </body>

+ 3 - 0
3_js基础/综合练习3编程题3.html
查看文件 

@@ -9,6 +9,7 @@
 
 
 
 <body>
 
 <body>
 
     <script>
 
     <script>
 
+        // 判断当前数值是否能同时被3、5、7整除
 
         function foo(n){
 
         function foo(n){
 
             if(n%3==0 && n%5==0 && n%7==0){
 
             if(n%3==0 && n%5==0 && n%7==0){
 
                 return true;
 
                 return true;
 
@@ -17,6 +18,7 @@
 
             }
 
             }
 
         }
 
         }
 
 
 
+        // 计算出所有的结果放到arr数组当中
 
         var arr = [];
 
         var arr = [];
 
         for(var i=1;i<=1000;i++){
 
         for(var i=1;i<=1000;i++){
 
             if(foo(i)){
 
             if(foo(i)){
 
@@ -24,6 +26,7 @@
 
             }
 
             }
 
         }
 
         }
 
 
 
+        // 把所有的结果输出到页面中6个一换行
 
         for(var j=0;j<arr.length;j++){
 
         for(var j=0;j<arr.length;j++){
 
             document.write(arr[j]+"&nbsp;");
 
             document.write(arr[j]+"&nbsp;");
 
             if((j+1)%6 == 0){
 
             if((j+1)%6 == 0){

+ 1 - 1
3_js基础/综合练习3编程题7.html
查看文件 

@@ -39,7 +39,7 @@
 
         // }
 
         // }
 
         // console.log(fibonacci(5))
 
         // console.log(fibonacci(5))
 
 
 
-
 
+        // 递归实现斐波纳契数列
 
         function fibonacci(n){
 
         function fibonacci(n){
 
             if(n<3){
 
             if(n<3){
 
                 return 1;
 
                 return 1;

+ 1 - 1
3_js基础/综合练习3编程题8.html
查看文件 

@@ -16,7 +16,7 @@
 
             }
 
             }
 
             return sumNum * 4;
 
             return sumNum * 4;
 
         }
 
         }
 
-
 
+        
         console.log(piNum(100));
 
         console.log(piNum(100));
 
     </script>
 
     </script>
 
 </body>
 
 </body>

+ 1 - 1
4_DOM&BOM/13_DOMjs动画.html
查看文件 

@@ -24,7 +24,7 @@
 
         // offsetWidth 获取元素的宽度
 
         // offsetWidth 获取元素的宽度
 
         // offsetHeight 获取元素高度
 
         // offsetHeight 获取元素高度
 
         setInterval(function(){
 
         setInterval(function(){
 
-            oBox.style.width = oBox.offsetWidth - 10 +"px";
 
+            oBox.style.width = oBox.offsetWidth + 10 +"px";
 
         },16)
 
         },16)
 
     </script>
 
     </script>
 
 </body>
 
 </body>

+ 1 - 1
4_DOM&BOM/16_DOM获取父节点.html
查看文件 

@@ -13,7 +13,7 @@
 
     </div>
 
     </div>
 
     <script>
 
     <script>
 
         var box1 = document.getElementsByClassName("box1")[0];
 
         var box1 = document.getElementsByClassName("box1")[0];
 
-
 
+        // parentElement 获取当前元素的父节点
 
         console.log(box1.parentElement)
 
         console.log(box1.parentElement)
 
     </script>
 
     </script>
 
 </body>
 
 </body>

+ 1 - 1
4_DOM&BOM/21_DOM事件机制.html
查看文件 

@@ -49,7 +49,7 @@
 
         // 事件捕获由外向内逐层触发 addEventListener 第三个参数为true
 
         // 事件捕获由外向内逐层触发 addEventListener 第三个参数为true
 
         // 事件冒泡由内向外逐层触发 addEventListener 第三个参数为false
 
         // 事件冒泡由内向外逐层触发 addEventListener 第三个参数为false
 
 
 
-        // js事件机制的顺序
 
+        // js事件机制的顺序 同时绑定了捕获和冒泡的话 先触发事件捕获然后事件冒泡
 
         oBxo1.addEventListener("click",function(){
 
         oBxo1.addEventListener("click",function(){
 
             console.log("box1");
 
             console.log("box1");
 
         },false)
 
         },false)

+ 1 - 0
4_DOM&BOM/22_DOM阻止事件机制.html
查看文件 

@@ -38,6 +38,7 @@
 
         }
 
         }
 
         oBox2.onclick = function(e){
 
         oBox2.onclick = function(e){
 
             this.innerText = "hello";
 
             this.innerText = "hello";
 
+            // 他会阻止冒泡事件
 
             e.stopPropagation();
 
             e.stopPropagation();
 
         }
 
         }

+ 2 - 2
4_DOM&BOM/2_DOM基础选择器.html
查看文件 

@@ -14,8 +14,8 @@
 
 
 
         // js选择器
 
         // js选择器
 
         // 类选择器 他将返回一个集合 里面有多个值 类似一个数组
 
         // 类选择器 他将返回一个集合 里面有多个值 类似一个数组
 
-        // var box = document.getElementsByClassName("box");
 
-        // console.log(box[0]);
 
+        var box = document.getElementsByClassName("box");
 
+        console.log(box[0]);
 
 
 
         // ID选择器 他将返回一个唯一值
 
         // ID选择器 他将返回一个唯一值
 
         // var box1 = document.getElementById("box1");
 
         // var box1 = document.getElementById("box1");

+ 2 - 0
4_DOM&BOM/4_BOM简介.html
查看文件 

@@ -19,6 +19,8 @@
 
         console.log(a+b)
 
         console.log(a+b)
 
         console.log(window.a);
 
         console.log(window.a);
 
 
 
+        
+
 
     </script>
 
     </script>
 
 </body>
 
 </body>
 
 </html>
 
 </html>

+ 1 - 0
4_DOM&BOM/5_BOM定时函数.html
查看文件 

@@ -22,6 +22,7 @@
 
         // }
 
         // }
 
 
 
         // setTimeout(foo,3000);
 
         // setTimeout(foo,3000);
 
+        // clearTimeout()
 
 
 
         // 定时函数 他会循环之行 会根据设定的时间 间隔 循环
 
         // 定时函数 他会循环之行 会根据设定的时间 间隔 循环
 
         // setInterval(function(){
 
         // setInterval(function(){

+ 5 - 0
4_DOM&BOM/6_DOM事件绑定.html
查看文件 

@@ -34,6 +34,11 @@
 
         //     console.log("mouseenter")
 
         //     console.log("mouseenter")
 
         // }
 
         // }
 
 
 
+        // 鼠标移出
 
+        oH1[1].onmouseleave = function(){
 
+            
+        }
 
+
 
     </script>
 
     </script>
 
 </body>
 
 </body>
 
 </html>
 
 </html>

+ 3 - 3
4_DOM&BOM/复习1_DOM.html
查看文件 

@@ -25,9 +25,9 @@
 
     <span class="str">hello world</span>
 
     <span class="str">hello world</span>
 
     <script>
 
     <script>
 
 
 
-        var oStr = document.getElementsByClassName("str");
 
-        oStr[0].innerText = "你好世界";
 
-        oStr[0].style.color = "yellow";
 
+        var oStr = document.getElementsByClassName("str")[0];
 
+        oStr.innerText = "你好世界";
 
+        oStr.style.color = "yellow";
 
         // var aBox = document.getElementsByTagName("div");
 
         // var aBox = document.getElementsByTagName("div");
 
         // console.log(aBox);
 
         // console.log(aBox);
 
         // aBox[]
 
         // aBox[]

+ 8 - 7
4_DOM&BOM/练习4_图片切换.html
查看文件 

@@ -71,13 +71,14 @@
 
         var imgArr = document.getElementsByTagName("img");
 
         var imgArr = document.getElementsByTagName("img");
 
 
 
         
         
-        for(var i=1;i<=4;i++){
 
-            imgArr[i].onmouseenter = function(){
 
-                console.log(i);
 
-                var _src = imgArr[i].getAttribute("src");
 
-                imgArr[0].setAttribute("src",_src);
 
-            }
 
-        }
 
+        
+        // for(var i=1;i<=4;i++){
 
+        //     imgArr[i].onmouseenter = function(){
 
+        //         console.log(i);
 
+        //         var _src = imgArr[i].getAttribute("src");
 
+        //         imgArr[0].setAttribute("src",_src);
 
+        //     }
 
+        // }
 
         
         
         
         
         // 方法二 循环绑定事件
 
         // 方法二 循环绑定事件

+ 1 - 0
5_ES6/1_新的变量定义关键字.html
查看文件 

@@ -24,6 +24,7 @@
 
         // console.log("hello");
 
         // console.log("hello");
 
 
 
 
 
+        // 新增let 定义变量使用 可修改  const 用来定义常量使用 不可修改 
         let a = 10;
 
         let a = 10;
 
         a = 20;
 
         a = 20;
 
         console.log(a);
 
         console.log(a);