有效沟通问答-【官方】百战程序员_IT在线教育培训机构

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        li:hover{background-color: orange}
        li{background-color: skyblue}
    </style>
</head>
<body>
<script>
    var arr=["首页","军事","娱乐","历史","政治"];
    var ul=document.createElement('ul');
    var ul_style=document.createAttribute("style");
    ul_style.value="list-style:none; padding:0; margin:0";
    ul.setAttributeNode(ul_style);
    for(var i=0;i<arr.length;i++){
        var li=document.createElement('li');
        var li_style=document.createAttribute("style");
        li_style.value="display:inline-block;width:100px;height:30px;line-height:30px;text-align:center;margin-left:5px";
        li.setAttributeNode(li_style);

        var a=document.createElement("a");
        var a_style=document.createAttribute("style");
        a.setAttributeNode(a_style);
        a.innerHTML=arr[i];
        li.appendChild(a);
        ul.appendChild(li);
    }
    document.body.appendChild(ul);
</script>
</body>
</html>

WEB前端全系列/第二阶段：JavaScript编程模块/DOM模型 2楼

leftBtn.onclick = function () {

idx--

console.log(idx);

changePic();

}

rightBtn.onclick = function () {

idx++

console.log(idx);

changePic();

}

感觉左右切换图片显示的按键，左侧idx--右侧idx++比较好，与下方的指示器能对上

WEB前端全系列/第二阶段：JavaScript编程模块/DOM模型 3楼

老师，我的输出那个三角形，用alert（“”）和console（“”）；输出都可以换行，为什么用document.write（“”）；输出就不能换行？

WEB前端全系列/第二阶段：JavaScript编程模块/运算符_数据类型和流程循环语句 4楼

老师，这个怎么计算，控制台显示138，我算的136

WEB前端全系列/第二阶段：JavaScript编程模块/运算符_数据类型和流程循环语句 5楼

问题：下面这个打印出来的类型是布尔类型吗？我目前的认可是未定义类型，但是打印出来时是布尔类型？

麻烦老师解释一下！

       var age;
       console.log(typeof age)

代码：

<!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 age = "123"
       console.log(typeof age)
       //字符串类型

       var age = 123;
       console.log(typeof age)
       //数字类型

       var age = true;
       console.log(typeof age)
       //布尔类型

       var age;
       console.log(typeof age)
       //未定义？
   
    </script>
     
</body>
</html>

打印的效果图：

WEB前端全系列/第二阶段：JavaScript编程模块/JavaScript基础与变量 6楼

老师这地方取出具体的值不能直接写

pivot=arr[pivotIndex];

吗

WEB前端全系列/第二阶段：JavaScript编程模块/算法与数据 7楼

对象本身方法是不是不常用？

WEB前端全系列/第二阶段：JavaScript编程模块/函数与对象 8楼

/t?est/.test("tttest")为什么能通过，到底是怎么读取的，视频没说清楚

WEB前端全系列/第二阶段：JavaScript编程模块/正则对象 9楼

alert('hello world');

WEB前端全系列/第二阶段：JavaScript编程模块/字符串与数组 10楼

1练习中问题一

老师金字塔是怎么做出的呢，我的代码是在哪一处有了问题的呢

代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>for循环联系打印</title>
</head>
<body>
<script>
   /* /!*打印5行5列的矩形
    * * * * *
    * * * * *
    * * * * *
    * * * * *
    * * * * *
    *!/
    for (var j=1;j<5;j++){  //外层循环控制行
        for (var i=1;i<5;i++){  //内层循环控制列
            document.write("*")
        }
        document.write("<br/>");
    }*/

    /*打印5行5列的矩形
    *
    * *
    * * *
    * * * *
    * * * * *

   for (var j=1;j<5;j++){  //外层循环控制行
       for (var i=1;i<=j;i++){  //内层循环控制列
           document.write("*")
       }
       document.write("<br/>");
   }*/
   /*打印5行5列的矩形
        *
       * *
      * * *
     * * * *
    * * * * *
    */
   var alt="";
    for (var i=1;i<=5;i++){  //控制行
        var blank=""
        for (var j=1;j<=5-i;j++){  //空白三角形
            blank+=""
        }
        var stars="";
        for (var m=1;m<=2*i-1;m++){
            stars+="*";
        }
        alt+=blank+stars+"\n";
    }
    console.log(alt);

</script>
</body>
</html>

运行图.

作业图

WEB前端全系列/第二阶段：JavaScript编程模块/运算符_数据类型和流程循环语句 11楼

<!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 alt='';
      for(var i=1;i<=5;i++){
          var blank="";
          var start="";
          for(var j=1;j<=5-i;j++){
              blank+="";
          }
          for(var m=1;m<=2*i-1;m++){
            start+='*';
                 
          }
          alt=blank+start+'\n'  
       
      }
     console.log(alt);
  </script>
</body>
</html>

老师为啥我变量alt只打印了最后一次

WEB前端全系列/第二阶段：JavaScript编程模块/运算符_数据类型和流程循环语句 12楼

 function func(arr1){
     var max=arr1[0];
     var index=0;
     for(var i=0;i<arr1.length;i++){
         if(max<arr1[i]){
             max=arr1[i];
             index=i;
         }
     }

     return max;
     return index;
 }
var arr=[182,60,92,335];
console.log(func(arr));
老师我这程序不知道哪里出问题了，下标打印不出来

WEB前端全系列/第二阶段：JavaScript编程模块/函数与对象 13楼

页面中原有的标签不能通过style方法进行js修改属性吗

WEB前端全系列/第二阶段：JavaScript编程模块/DOM模型 14楼

<button onclick="form()">重置</button>可以不可以直接写成onreset

WEB前端全系列/第二阶段：JavaScript编程模块/DOM模型 15楼

同学您好