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

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

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

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

时间排序推荐排序

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

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

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

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

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

<!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模型 498楼

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

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

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

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

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

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

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

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

arguments 对象

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

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

有什么实际的运用吗？

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

<!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编程模块/面向对象编程 504楼

<!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) 505楼

老师原型的本身是类？？

<!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编程模块/正则对象 506楼

老师，在使用rem的时候，var bodyWidth = document.body.clientWidth和var bodyWidth = window.screenWidth 为什么字体都为0.5rem,显示结果不是一样的？在缩放率和分辨率都变得情况下，body.clientWidth和window.screenWidth都是变得呀。那都是按比例变得，我觉得用哪一个都一样的。

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

老师您好，

我在选项卡这一节课中遇到了创建的两个实例中

var id1 = new Tab("tabBox1");

var id2 = new Tab("tabBox2");

只有第二个可以正常的点击切换

经过错误排查我发现

var _this = this;

在创建这个变量的时候没有加var关键字

加上var关键字后程序可以正常运行

请问

是否加var关键字有什么区别

在这个程序中var关键字是怎么影响到整个程序的

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

let im = document.querySelector('input').value;
let but = document.querySelector('button');
but.onclick=function () {
    let newStr=im.match(/你好/ig);
    if (newStr){
        newStr+=newStr.replace('中国');
        im=newStr+im;
    }
    console.log(im);

}

老师怎么把输入的你好的字改成中国

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

为什么css都在body的script里的写，不可以在html下的script里写吗？这样js和css写在一个script里

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

arguments 对象

同学您好