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

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

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

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数据解析</title>
</head>
<body>
<form action="" method="get">
    姓名：<input type="text" name="userName"></br>
    年龄：<input type="text" name="age"></br>
    性别：<input type="text" name="sex"></br>
    <input type="submit">
</form>
<button>解析数据</button>
<script>
    var but=document.querySelector("button");
    function f(outInfo){
        var obj={};
        var infoStr=outInfo;
        var realInfo=infoStr.slice(1);
        var proArr= realInfo.split("&");
        for(var i=0;i < proArr.length;i++){
            var tempArr =proArr[i].split("=");
            obj[tempArr[0]]=tempArr[1];
        }
        return obj;
    }
    but.onclick=function () {
        var infoStr=f(document.location.search);
        console.log(infoStr);

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

这种应该没有什么吧

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

body>
    <div id="root">
        <button id="btu">
            <p id="text">内容</p>
        </button>
    </div>
    <script>
        var root=document.getElementById("root");
        var btu=document.getElementById("btu");
        var text=document.getElementById("text");
        root.onclick=function(){
            console.log("div");
        }
        btu.onclick=function(){
            console.log("btu");
        }
        text.onclick=function(){
            console.log("text");
        }
    </script>

老师，为啥第一段要打印div，不能打印root吗？

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>构造函数</title>
</head>
<body>
<script>
    function Person(name,age,height,a) {
     this.userName=name;
     this.userAge=age;
     this.userHeight=height;
     this.userAbilitty=a;
    }
    var beixi=newPerson=("贾先生","18","60",function () {console.log("敲代码");})
    var shishi=newPerson=("刘诗诗","16","40",function () {console.log("2");})
    console.log(beixi);
    console.log(shishi);
</script>
</body>
</html>

老师我这个怎么是这样的怎么只出来最后一项内容呢？

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

老师好，控制提示框移动范围时，使用“if else”可以实现，但使用“switch”时没有效果。

应该是我的switch语句没写对（第35行代码），怎么写才正确？求指导，谢谢。

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>鼠标事件</title>
<style>
    input{
        width: 300px;
        margin: 100px 600px 0px;
    }
    #tips{
        width: 30px;
        height: 25px;
        margin: 0px 750px;
        padding: 0;
        font-size: 18px;
        text-align: center;
        border: 1px solid aqua;
        position: absolute;
        display: none;
    }
</style>
</head>
<body>
    <input type="range" min="0" max="100" value="50">
    <div id="tips"></div>
<script>
    var input=document.querySelector('input');
    var tips=document.getElementById('tips');
    function move(){
        input.onmousemove=function () {
            var x=event.clientX;
            var Y=event.clientY;
            // 使用switch语句控制提示框移动范围????????????????????????????????????????
/*            switch (x) {
                case x<600:tips.style.left=-150+'px';
                    break;
                case x>900:tips.style.left=150+'px';
                    break;
                case x>=600&&x<=900:tips.style.left=(x-750)+'px';
                    break;
            }*/
            // 使用if语句控制提示框移动范围
            if (event.clientX>900){
                x = 900;
            }else if (event.clientX<600){
                x = 600;
            }else{
                tips.style.left=(x-750)+'px';
            }

            tips.innerHTML=input.value;

            // console.log('(x,y):('+x+','+'y'+')');
        }
    };
    input.onmousedown=function () {
        tips.style.display='block'
        move();
    };
    input.onmouseup=function () {
        tips.style.display='none'
        input.onmousemove=null;
    }
</script>
</body>
</html>

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

动态给一个div结构设置自定义属性（data-*），读到一个已存在自定义属性结构的div中的属性

老师我不理解这个题目是什么意思

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

老师基本数据类型中 js认为变量是不可变的，对变量的重新赋值其实是在内存中重新开辟了以块空间，变量名指向了新的空间吧

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

<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title></title>
</head>
<body>
<div  class="div1">div1
  <div  id="div2">div2</div>
</div>
<span>这是span标签</span>
<script>
  var div1=document.querySelector('.div1');
  var div2=document.querySelector('#div2');
  var span=document.querySelector('span');

  console.log(document.body.firstChild);//#text （body后面有回车）
  console.log(document.body.lastChild);//script
  console.log(span.firstChild.nodeValue);
  console.log(span.innerHTML);//也可以获取到span里面的文字内容，value不可以
  console.log(span.value);

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

老师您好，我想我问一下这个value是只能获取input那种在网页输入的值么

console.log(span.value);

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

老师，我这个怎么num怎么还是获取不到，按照视频的案例写的

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

老师，我这里没有attachEvent,请问这是怎么回事，
直接写上去运行拨错的。

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

从6分45秒开始，valid第二次进入function时不是应该也是true吗，那么if应该不执行呀。老师是不是口误了，到后面8分多钟完全绕来绕去没听懂。

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

老师，display: table-cell;是不是只对父元素的宽高设置为数值px的时候才起作用的？宽高为百分比的时候是不是不起作用？

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

arguments 对象

我怎么知道函数最终回传几个参数进来呢？

写函数的时候，也不可能提前知道函数个数，通过arguments[n]来写语句吧？

有什么实际的运用吗？

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>window对象的name属性</title>
</head>
<body>
    <button>跨域传输</button>
    <script>
/*         var name=123;
        console.log(name);
        console.log(typeof name);
        var age=123;
        console.log(age);
        console.log(typeof age); */

/*         window.name
        描述：是页面在切换之后，甚至域名更改之后会储存信息的容器
        说明：借助window.name可以实现页面之间数据的传递，称为跨域传输。 */
        //console.log(num);
        //如果想要获取一个页面的信息，那么必须先加载
        var but=document.querySelector('button');
        but.onclick=function(){
            var iframe=document.createElement('iframe');
            iframe.src='page.html';//加载保存了信息的页面
            iframe.style.display='none';
            document.body.appendChild(iframe);
            //当iframe加载完成，意味着window.name的内容已经被赋予完成
            iframe.onload=function(eve){
                var iframeWindowName=eve.target.contentWindow.name;
                //console.log(iframeWindowName);
                eval(iframeWindowName);
                console.log(num);

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

老师为什么这一行在vscode里运行会报错误呢？在WebStorm 就可以运行！！

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
 .div1{
            width: 200px;
 height: 200px;
 background-color: deepskyblue;
 margin: 100px auto;
 }
    </style>
</head>
<body>
    <div class="div1"></div>
    <script>
 var div1=document.getElementsByClassName("div1");
 div1.onmousemove=function () {
            var x=event.clientX;   // 获取窗口横坐标
 var y=event.clientY;   // 获取窗口纵坐标
 console.log('(x,y):('+x+','+y+')');


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

老师我想问一下，为什么用

getElementsByClassName

来获取不能实现效果。

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

老师原型的本身是类？？

<!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>
        /*            
          描述：原型prototype是js为函数提供的一个对象型属性
              说明：向原型中添加的方法和属性能能够被类的对象共同拥有
               本质：原型的存在是给类的对象添加公有属性
              当访问的属性没有在类的对象中没找到，到Car的原型找
              作用：节约内存空间，让类的对象享有这个属性



              原型的属性
              1.constructor  构造器  指向类的本身
              2._proto_   指向原型本身，提供给本类创建的对象使用
        */
        function Car(){}
        Car.prototype.lun1="左前轮";
        var car1=new Car();
        console.log(car1.lun1);

        function People(hobby){
            //私有属性
            var secret='梦';
           
            // 特权函数,利用闭包实现；读取私有属性
            this.getSecret=function(){
                return secret
            }
            // 公共属性，每个类得对象共同拥有，但属性值不一样；
            this.hobby=hobby;
        }
        //每个类的对象共有的属性，且属性值一样，放在原型上，节省内存空间
        People.prototype.eyes=2
        function CarOne(){

        }
        console.log(CarOne.prototype);
        var CarOne1=new CarOne();
        console.log(CarOne1.__proto__);

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

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

arguments 对象

同学您好