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

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

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

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div{
            width: 20px;
            height: 20px;
            border: 1px solid  black;
            position: absolute;
        }
    </style>
</head>
<body>
<input type="range" min="0" max="100" value="50">
<div></div>
<script>
    var input=document.querySelector("input");
    var div=document.querySelector("div");
    input.onmounsemove=function () {
        console.log("(x,y):("+event.clientX+","+event.clientY+")");
    }
</script>
</body>
</html>

本视频6分57秒，我的代码和老师一摸一样但是出不来效果，“event”这个单词显示有删除线，不知道是什么意思，是因为这个显示不出效果吗？怎样才能没有删除线

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

老师，我这个浏览器总是报错，我不知道哪里写错了。

 <style>
	 #div1{
		 background:red;
		 width:100px;
		 height:100px;
	 }
	 #div2{
	 		 background:green;
	 		 width:50px;
	 		 height:50px;
	 }
 </style>
<body>
<div id="div1" >
<div id="div2" >
</div></div>
<script>
var div1=document.querySelector('#div1')
var div2=document.querySelector('#div2')
function test(){
	console.log("文本3")
}
div2.attachEvent('onclick',test);
div2.attachEvent("onclick",function(){
	console.log("文本1")
})
</script>
</body>

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

老师，这里把移除代码写在前面，为什么函数还会执行一遍？我理解代码是自上而下执行，不会打印出才对，当div2移除成功，为什么点击div2部分，div1函数还会执行呢？我的理解是移除后点击div2部分div1不会执行。

<style>
	 #div1{
		 background:red;
		 width:100px;
		 height:100px;
	 }
	 #div2{
	 		 background:green;
	 		 width:50px;
	 		 height:50px;
	 }
 </style>
<body>
<div id="div1" onclick="te()">eee
<div id="div2" onclick="te2();te3()">wen
</div>
</div>
<span>wen</span>
<script>
var div1=document.querySelector('#div1')
var div2=document.querySelector('#div2')
function te(){
	console.log("文本")
}
function te2(){	
	div2.setAttribute("onclick","null");
	console.log("文本2");
}
function te3(){
	div2.setAttribute("onclick","null");
		console.log("文本3");
}
</script>
</body>

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

老师，这里是因为这个函数为监听事件，决定了这个是事件捕获吗？除了这个自下而上的效果上区分，还可以怎么区分哪些算是事件捕获，哪些算是冒泡事件。

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

老师，这里说的集合可用数组方式使用，是指数组的所有属性都适用于集合吗？

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

老师，这样写m.puth(m[0]）,为什么报错呢？

  <script>
    
   	var t=document.title;
   	var m=t.split("");
   	console.log(m);
   	 m.puth(m[0]);
   	console.log(m);
  </script>

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

老师，我不明白为什么title的类型为字符串呢，其他的都为对象。

<div  id="d"  style="width: 100px;height: 100px;background: red">文本</div>

   <script>
    
   	var t=document.getElementById("d");
   	console.log(typeof(t));
   	 console.log(typeof(document.title));
   	 console.log(typeof(document.head));
   	  console.log(typeof(document.body));

  </script>

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

老师，我看这个视频下面的回答，为什么我这么写会报错呢。如果写var t=s(); t 就不会不报错。是和咱们这个这个函数作为函数的返回值有关吗？

      <script>
   function s(){ 	
   	console.log("文本");  
   }
   var t=s();
   t();
  </script>

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

老师，如果这样写，console.log(console.log("文本")) console.log(a());这两种写法有问题吗？ a()表示调用这个函数了，结果是“文本”，在写这个console.loga(a()) ,就表示打印“文本”，为什么是结果运行了两遍。一遍为文本，一遍为unfined。我不知道哪里错了。

    <script>
   var  a=function( ){
      console.log("文本")
  }
  console.log(a);
  console.log(a());
  console.log(console.log("文本"))
  </script>

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

老师，这里将函数赋值给a ，那么a不应是“这是一顿饭”吗？为什么是整个函数呢。是因为没有写函数名吗？但是函数b为什么就显示了“这是一顿饭”了。

 <script>
  var a=function(){
    console.log("这是一顿饭")
  }
  console.log(a);
  function b( f){
    f
   
  }
  b(a());
  </script>

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

老师，这里用到返回值的时候，为什么没有写调用func()这个函数这一代码，而且写在了这个函数{}之外呢。

 function info(){
                console.log('我是XXX');
                console.log('我会唱歌');
                function func(){
                    console.log('开始表演');
                }
                return func;
            }
            var  a=info();
            a();

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

老师，var为什么是局部变量，这个的话，是两个script内都可以作用了。

<script>
 var a=1;
 console.log(a);
  </script>
  <script>
 var b=1;
 console.log(b);
  console.log(a);
  </script>

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

老师，我这个代码的前两个就报错，不太明白了

	<script>
  var obj={at:s(3,4)};
     function s(a,b) {
     	s=a*b;
     	console.log(s)
     }
     obj.at();
	 </script>
    <script>
 var obj={ name:"peter",age:12,as:eat()}
 function eat() {
  console.log("我要吃饭饭")
 }
 console.log(obj.age);
  obj.as();
  </script>
      <script>
 var obj={ name:"peter",age:12,ab:function eat() {
  console.log("我要吃饭饭")
 }
}
 obj.ab();
 console.log(obj.age);
  </script>

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

老师，我这个写的，不知道哪里错了，浏览器不显示呢。

<script>
     var res="";
     for (var i=1; i<=5;i++) {
         var blank="";
        for(var j=1;j<=5-i;j++){
            blank+="";
        }
         var stars=" ";
         for(var s=1;s<=2*i-1;s++){
            stars+="*"
         }
         res+=blank+stars+"<br/>";
    }
    document.write(res);

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

老师这是咋回事？为什么num2未被定义，按照视频写的

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

同学您好