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

会员可以在此提问，百战程序员老师有问必答

对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题，会帮你学得更全面

截止目前，同学们一共提了 132358个问题

eve.target.contentwindow.name,老师能解释视频当中的contentwindow是啥意思吗？在10分10秒左右。谢老师

WEB前端全系列/第二阶段：JavaScript编程模块/面向对象编程 106楼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>点击按钮，div移动</title>
    <style>
        div{
            width: 20px;
            height: 20px;
            background: pink;
            margin-top: 5px;
            position: absolute;
        }
    </style>
</head>
<body>
<button>点击移动div</button>
<div></div>
<script>
    //编写一个button。要求鼠标点击一次能够让页面中的某个div向右移动50像素
    //获取元素
    var but = document.querySelector('button');
    var div = document.querySelector('div');
    //点击button时
    but.onclick=function () {
        var left= div.style.left;
        div.style.left=left+'50px';
        console.log('点击一次')
    }
</script>
</body>
</html>

老师，为什么点击事件每次执行，但只有第一次div块移动了50px，后面执行时div块都没有移动？是哪里不对？

WEB前端全系列/第二阶段：JavaScript编程模块/浏览器模型(BOM) 107楼

可是两种方式得到的getHello的位置不一样呀

WEB前端全系列/第二阶段：JavaScript编程模块/面向对象编程 108楼

老师，我想把v3这个字符串换成v6+v5，本来应该是这样写的，表达式的意思是替换v3这个字符串本身，结果输出结果毫无变化。

   var str1="v3+v31*v2+v3v3+v33";
   var str2=str1.replace(/^[v][3]$/gi,"v6+v5");
   console.log(str2);

当我把$这个符号去掉时就可以了，但是下面这个表达式的意思不是以v3开头的字符串吗，有点不理解了。希望老师能解答一下

   var str1="v3+v31*v2+v3v3+v33";
   var str2=str1.replace(/^[v][3]/gi,"v6+v5");
   console.log(str2);

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

var user = {

name: "itbaizhan",

age: '13',

"10p": "十张图片"

getName: function (name) {

console.log("itbaizhan")

}

user.getName();

console.log(user.age);

为什么我和老师上课讲的输入的一样，我的有问题

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

<!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>
<div class="div1">
    <div class="div2">
        这是div2
    </div>
    <div class="div3">这是div3</div>
    <button class="add">增加</button>
    <button class="remove">删除</button>
</div>
    <script>
 
     var addbut=document.querySelector('.add');
     var div1=document.querySelector('.div1');
     var div2=document.querySelector('.div2');
     var div3=document.querySelector('.div3');
     var divs=document.querySelectorAll('div')
  var  rebut=document.querySelector('.remove');
 
  addbut.onclick=function(){//新增一个class为newDiv的div
      var div=document.createElement('div');
      var div_class=document.createAttribute('class');
      div.setAttributeNode(div_class);
      div_class.value='newDiv';
      div.innerHTML='div';
      div1.insertBefore(div,div3);
      console.log(div1.childNodes);
  }

  rebut.onclick=function(){//删除最后一个class为newdiv 的div
    var divs=document.querySelectorAll('newDiv');
 div1.removeChild(divs[divs.length-1])
 
     
  }
     

 


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

老师我想点击删除按钮的时候删除最后一个新增的div 怎么报错删除的不是节点

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

search与indexof的方法有什么区别？

        var str = "itbaizhan"
        var text= "";
        var str1 = "zhan";
        text = str.search("bai");
        console.log(text);

        var str = "itbaizhan"
        var text= "";
        var str1 = "zhan";
        text = str.indexOf("bai");
        console.log(text);

返回的结果都是2，是字符串出现的位置索引。

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

// };

var user = {

name: "itbaizhan",

age: '13',

"10p": "十张图片"

getName: function (name) {

console.log("itbaizhan")

}

user.getName();

console.log(user.age);

这里的逗号也加了

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

老师这个打印出来为啥是10，不是1

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

老师，你好，有以下两个问题可能需要您解答一下，具体问题在下面代码里我以注释的形式提出来了：

//b.函数可以直接当作另一个函数的参数

function fun1() {

console.log('百战尚学堂');

}

function fun2(func) {

func(); //1.对于这一步为什么要把传进的形参当做函数调用不是很理解

}

fun2(fun1);

//c.函数可以像简单值一样作为函数的返回值

function info() {

console.log('我是xxx');

console.log('我会唱xxx歌');

function caiyi() {

console.log('我要表演才艺了'); //我要表演才艺了

}

return caiyi;

}

var result = info();

result(); //2. 对于这一步，为什么要把result当做函数调用不是很理解

console.log(result);

</script>

WEB前端全系列/第二阶段：JavaScript编程模块/Math与Date 115楼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>星期</title>
</head>
<body>
    <script>
        /*
        输入一个数字，对应着星期几
         */
        var day=prompt("请输入一个数字：");
        switch(day){
            case 1:
                document.write("星期一");
                break;
            case 2:
                document.write("星期二");
                break;
            case 3:
                document.write("星期三");
                break;
            case 4:
                document.write("星期四");
                break;
            case 5:
                document.write("星期五");
                break;
            default:
                document.write("周末");
        }
    </script>
</body>
</html>

老师我想请问一下，不管我输入的数字是什么，都是只输出周末的，这是为什么呢

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

var img = document.createElement("img")
          img.src = "../06-DOM相关与事件/img/2012.jpg"
          var imageSRC = document.createAttribute("src")
          var imageSRC1 =document.createAttribute("width='500'")
          var imageSRC2 =document.createAttribute("height='500'")
          imageSRC.value = "../06-DOM相关与事件/img/2012.jpg width='500px' height= '500px' "
          console.log(img);
          img.setAttributeNode(imageSRC,imageSRC1,imageSRC2)
          body[0].appendChild(img)

老师：我的想法是：document.createAttribute是创建一个属性，我用这个方法创建了width和heigth，然后用setAttributeNode把属性插入img里，为什么实现不了

老师我想用这个方法控制图片的大小，我思路错了吗？

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

捕获.PNG

赶快回家网.zip

老师，您帮我看一下为什么通过Javascript控制表格中偶数行单元格背景色没有生效

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

这个数据类型讲的不够全面吧，缺少了函数和数组

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

这节课算在讲js性能优化吗

WEB前端全系列/第二阶段：JavaScript编程模块/浏览器模型(BOM) 120楼

同学您好