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

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

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

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    li{background-color: skyblue}
    li:hover{
        background-color: #ff6700;
    }
</style>
<body>
    <button id="button1">获取元素</button>
    <button id="button2">设置元素</button>
    <button id="button3">删除元素</button>

<script>
    var div1=document.createElement('div');
    div1.style.cssText='width:100%;position:relative;background:red;';
    var div2=document.createElement('div');
    div2.style.cssText='width:80%;position: absolute;left: 50%;transform: translateX(-50%)';
    document.body.appendChild(div1);
    var arr=['首页','军事','科技','新闻','游戏'];
    var ul=document.createElement('ul');
    ul.style.cssText='margin:0;padding:0;list-style;text-align: center;background:pink;';
    for (var i=0;i<arr.length;i++){
        var li=document.createElement('li');
        li.style.cssText='display: inline-block;  width: 100px;height: 30px;  line-height: 30px;\
                        text-align: center;  margin-left:5px';
        var a=document.createElement('a');
        a.style.cssText=' text-decoration: none;color: white;';
        a.innerHTML=arr[i];
        li.appendChild(a);
        ul.appendChild(li);
    }
    div2.appendChild(ul);
    div1.appendChild(div2);
    document.body.appendChild(div1);

    var button=document.querySelector('div');
    document.querySelector('#button1').onclick=function () {
       console.log( button.getAttribute('style'));
    };
    document.querySelector('#button2').onclick=function () {
        button.setAttribute('style','display:none');
    };
    document.querySelector('#button3').onclick=function () {
        button.removeAttribute('style');
    }
</script>

</body>
</html>

老师为啥我div1颜色设置不出来

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

<!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>
  账号<input type="text">
  密码<input type="text">
  <button>提交</button>
  <script>
    let userName = document.getElementsByTagName("input")[0];
    let passWord = document.getElementsByTagName("input")[1];
    let btn = document.getElementsByTagName("button")[0];

    btn.onclick = () => {
      let xhr = new XMLHttpRequest();//创建xhr对象通过XMLHttpRequest构造函数
      
      xhr.onreadystatechange = () => {
        if( xhr.readyState == 4 && xhr.status == 200 ){
          //进了这里证明拿到了数据
          console.log(xhr.responseText);
        }
      }

      let datas = new FormData();
      datas.append("userName",userName.value);
      datas.append("passWord",passWord.value);

      xhr.open("post","http://localhost:3000/index",true);
      
      xhr.send(datas);
    }
    
  </script>
  
</body>
</html>

let express = require("express");
let bodyParser = require("body-parser");
//let multiparty = require("multiparty"); /*引入multiparty模块*/
//需要安装 npm install multiparty --save
let app = express();

app.use(bodyParser.urlencoded({ extended: false }));

app.all("*", function (req, res, next) {
  //解决夸域问题
  res.header("Access-Control-Allow-Origin", "*");
  res.header("Access-Control-Allow-Headers", "X-Requested-With");
  res.header("Access-Control-Allow-Methods", "PUT,POST,GET,DELETE,OPTIONS");
  res.header("X-Powered-By", "3.2.1");
  res.header("Content-Type", "application/json;charset=utf-8");
  next();
});

// app.post("/index", (req, res) => {
//   console.log(req.body);
//   res.send("后台接收成功");
// });
app.post("/index", function (req, res) {
  // let form = new multiparty.Form();
  // form.parse(req, function (err, fields, file) {
  //   console.log(fields);
  //   res.send("数据已接收");
  // });
  console.log(req.body);
  res.send("接收成功!");
});

app.listen(3000, () => {
  console.log("3000链接成功");
});

后端拿不到前端传输过来的数据老师帮忙看看

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

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编程模块/算法与数据 408楼

var a='hello friend';
console.log(a.length)

老师：视频的讲课老师都喜欢打多一个变量来整合，我打的代码不整合直接输出有什么差别吗？

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

for循环定位
// for(a=0;a<10;a++){
//     for(b=0;b<10;b++){
//         document.write("("+a+','+b+')')
//     }
//     document.write('<br>')
// }

// while循环定位

a=0;
while(a<10){
    a++;
    b=0;
    while(b<10){
        b++;
    }
    document.write("("+a+','+b+')')
}

老师怎么用while循环啊做了一下午

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

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

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

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>自定义右键菜单</title>
    <style>
        *{margin: 0;padding: 0}
      ul{
          list-style: none;
          width: 190px;
          height: 125px;
          background-color: darkgrey;
          position: absolute;
          display: none;
      }
        ul li{
            border: 1px solid skyblue;
            padding: 4px;
            cursor: pointer;
            transition: 0.5s;
        }
        ul li:hover{
            background-color: skyblue;
            color: #fff;
        }
    </style>
</head>
<body>

<ul>
    <li>我想尚学堂了!</li>
    <li>您真要离开此页面吗?</li>
    <li>去百度搜索页面中的内容</li>
    <li>输入内容后去百度搜索</li>
</ul>
<textarea cols="80" rows="20"></textarea>
<input type="text">
<script>
    let ul=document.querySelector('ul');
    //禁用系统的右键
    document.oncontextmenu=function (eve) {
        return false; //return false 表示禁用事件
    };
    //鼠标抬起出现鼠标右键菜单
    document.onmouseup=function (eve) {
        //eve.button 判断鼠标点的是那个按键
        if (eve.button==2){
            ul.style.display='inline-block';
            //设置鼠标的位置
            ul.style.left=eve.clientX+'px';
            ul.style.top=eve.clientY+'px';
        }else {
            ul.style.display='none';
        }

    }
    //点击某一个菜单选项时触发的事件(事件委托)
    ul.onmousedown=function (eve) {
        if (eve.target.innerHTML=='我想尚学堂了!'){
            alert('那就去吧!');
        }else if (eve.target.innerHTML=='您真要离开此页面吗?'){
            if (confirm('您真要离开此页面吗?')){
                window.close();
            }
        }else if (eve.target.innerHTML=='去百度搜索页面中的内容'){
            let result = document.getSelection().toString();
            open('https://www.baidu.com/s?wd='+result);
        }else {eve.target.innerHTML=='输入内容后去百度搜索'}{
            let value = document.querySelector('input').value;
            open('https://www.baidu.com/s?wd='+value);
        }
    }


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

怎么会取不到input框的值,去百度搜索呢,老师

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

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

①为什么视频中最下面要加一个alt

 ②而不能写console.log（blank+stars+"\n";）

③alt变量为什么不能和stars那些一样写在括号里面

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

老师prototype和__proto__之间什么关系，这两个有点捋不清，蒙了

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

老师，这个实操要添加的是什么？js第六章的实操2

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

老师能不能简单的理解为对象是具体的类是抽象的呢

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

老师求递归写出来了，但是怎么求和呢。比如1！+2！+....。请老师教我一下谢谢！

function factorial(n) {
    if(n==1){
        return 1;
    }else {
        return n*factorial(n-1);
    }
}
var result=factorial(5);
console.log(result);

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

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<button>跨域传输</button>
<script>
  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放到body里面
      //当iframe加载完毕，意味着window.name的内容已经赋予完毕
      iframe.onclick=function (eve) {
          var iframeWindowName=eve.target.contentWindow.name;
          //console.log(iframeWindowName);
          eval(iframeWindowName);//将字符串转换为代码执行
          console.log(num);
      }
  }
</script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    var num=10;
    window.name=' var num=10;';//可以借助window.name来实现
</script>
</body>
</html>

老师我这个怎么什么也没有呀

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

    =;
    =;
    =+;
    =-;
    =*;
    =/;
    =%;
    .();

像这样浏览器只解析出最后的结果？上面的怎么都没看到解析出来呢

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

同学您好