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

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

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

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

老师这段一点Java和Python按钮直接消失了。

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
       
    </style>
</head>
<body>
    <div class="one" style="width: 30px;"></div>
    <script>
        // var h2=document.createElement('h2');
        // var h2_style=document.createAttribute('style');
        // h2_style.value='color:red';
        // h2.innerHTML='我是h2';
        // h2.setAttributeNode(h2_style);
        // document.body.appendChild(h2);
        // var but=document.createElement('button');
        // var button_style=document.createAttribute('style');
        // button_style.value='height:50px;width:30px;'
        // button.innerHTML='操作';
        // document.body.appendChild(button);
        var style_one=document.getElementsByClassName('one');
        console.log(style_one.style.getpropetryValue('width'));

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

我想获取div的宽度但是浏览器显示最后一行代码出错编辑器没提示出错

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

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    var bb='111';
    function aa() {
      alert(bb);
    }
    aa();

    var bbb='111';
    function aaa() {
      alert(bbb);//函数内变量提升
      var bbb='test';
      alert(bbb);
      var ccc='test1';
      alert(ccc);
    }
    aaa();
  </script>
</body>
</html>

老师为什么第一个bb是111

第二个bbb是undefined呢

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

这里的idx设置这样设置会不会好一点，要不然的话点击向右，指示器是向左跳动的，当然这里是无伤大雅的。

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数据解析</title>
</head>
<br>
<from action="" method="get">
    姓名：<input type="text" name="userName"><br/>
    年龄：<input type="text" name="age"><br/>
    性别：<input type="text" name="sex"><br/>
    <input type="submit">
</from>
<br/>
<button>解析数据</button>
<script>
    var but=document.querySelector('button');
    function dataParse(outInfo){
        var obj={};
        var infoStr=outInfo;
        console.log(infoStr);
        //获取问号后面的数据
        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 dataObj=dataParse(document.location.search);
        console.log(dataObj);
    }
</script>
</body>
</html>

老师，我这个解析数据解析不出来

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

<script>
  
    var string = 'xiaoMingTongXue';
    var str=string.lastIndexOf('i') ;
    document.write(str);
</script>

老师从末尾处往前数，i所占的位置不是6吗，怎么是5呢，这个末尾处指的是不是Ming呀

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

document.write()：写入文档元素，如果页面元素加载完毕后才执行会重新写入页面，所以用的很少

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

老是你好，这个示例我有点疑惑: 函数外部不可以直接读取到username的值，而在函数内部是可以读取的，按照以上示例，我直接再函数内部return username；不也间接说明函数外部读取到username的值了吗？跟你这个例子有什么区别？我认为这个举例不太恰当，如果只是想说明作用域的问题，准确说，函数内部通过var 定义的变量，函数外部是无法修改的，只能在函数内部修改，函数外部想要读取，可以直接返回该变量。

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

<body>
<div>

</div>
<script>
   var div1= document.querySelector('div');//这里必须有引号
   div1.innerText='平安喜乐';
   div1.innerText.setAttribute('color','green');
   div1.setAttribute('style','height:50px;width:50px;background-color:red');
   console.log(div1.getAttribute('style'));
   //div1.removeAttribute('style');
</script>
</body>

这里显示字体设置属性错误，但我不知道为什么错

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

老师为什么已经放在最后面了，还是报错，虽然鼠标碰上去能触发

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

var timer = null ;

初始化定时器timer，这行代码出现好几次了。

这么写的意义是通用做法吗？还是有特殊意义？为啥是=null ?

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

var alt="";
for (var i=1;i<=5;i++){//控制行
    var blank="";
    for(var j=1;j<=5-i;j++){//控制空白三角形
        blank+=" ";
    }
    var starts="";
    for (var m=1;m<=2*i-1;m++){
        starts+="*";
    }
    alt+=blank+starts+"\n";
}
document.write(alt);

老师，我想问一下，最后一步用document.write(alt) 为什么不能显示图案出来呢，然后用console.log(alt)却又可以？

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>正则-检索模式-1</title>
</head>
<body>
<script>
    //检索模式====表达式模式---元字符模式--量词模式
    //表达式模式--a][abc]--b][0-9]--c][m|n]
    var str="12abc12ABC";
    var str1='你好，佛可栏，回家吃饭了，';
    var newStr4=str.replace(/(ab)/gi,'go');
    var newStr1=str1.replace(/[佛][可][栏]/g,'张账务');
    var newStr2=str1.replace(/佛可栏/g,'张账务');
    var newStr3=str1.replace(/(佛可栏)/g,'张财务');
    console.log(newStr1);
    console.log(newStr2);
    console.log(newStr3);
    console.log(newStr4);
</script>
</body>
</html>

老师，这个同学这个newStr4，他的正则主体为什么加了括号还可以检索到，不是应该连小括号都检索吗

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

<!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>22</title>
    <style>
        .div1{
            width: 400px;
            height: 400px;
            background-color: orange;
            position: relative;
        }
        .div2{
            width: 100px;
            height: 100px;
            /* padding: 150px; */
            position: absolute;
            left:150px;
            top: 150px;
            background-color: orangered;
        }
    </style>
</head>
<body>
    <div class="div1">
        <div class="div2"></div>
    </div>

    <script>
        var div1=document.querySelector('.div1');
        var div2=document.querySelector('.div2');
function test1(){
    console.log('div1事件发生在'+event.currentTarget.className);
    console.log('div1事件触发者'+event.target.className);
}
function test2(){
    console.log('div2事件发生在'+event.currentTarget.className);
    console.log('div2事件触发者'+event.target.className);
}
div1.addEventListener('click',test1,true);
div2.addEventListener('click',test2,true)

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

老师为什么不能改成捕获传递我点击大的div1，test2（）方法第一次就可被调用再刷新后点击反应了？

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

<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title>什么是对象</title>
</head>
<body>
<script>
  /*类和对象
  对象是实实在在存在的；汽车不是对象是一个类，某一个实际的车才是对象*/
  var beixi={
    userName:'贾先生',
    userAge:18,
    ability:function(){
      console.log('吃了睡睡了吃');
    }
  };
  var lishishi={
    userName:'李思思',
    userAge:22,
    ability:function(){
      console.log('卖萌');
    }
  };
var result=(beixi.ability());
console.log(result);

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

老师我想调用对象里的ability，想要直接输出吃了睡睡了吃，为什么打印台还出现了undefined

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

同学您好