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

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

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

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>横向布局的导航栏</title>
</head>
<!--<style>
    ul{list-style: none;padding: 0;margin: 0;}
    ul li{display:inline-block; width:100px; height:100px;line-height:30px;text-align:center; background-color:skyblue;}
    li a{text-decoration: none;color: white;}
    li:hover{background-color: red;}
    li:hover a{color: greenyellow;}
</style>-->
<style>
    li:hover{background-color: red}
    li:hover a{color: greenyellow}
</style>
<body>
 <!--   <ul>
        <li><a href="#">首页</a></li>
        <li><a href="#">军事</a></li>
        <li><a href="#">新闻</a></li>
        <li><a href="#">娱乐</a></li>
    </ul>-->
<script>
    var arr=['首页','军事','娱乐','新闻',];
    //创建ul标签
    var ul=document.createElement('ul');
    var ul_style=document.createAttribute('style');
    ul_style.value='list-style: none;padding: 0;margin: 0;';
    ul.setAttributeNode(ul_style);

      //创建li标签
        for(var i=0;i<4;i++){
            var li=document.createElement('li');
            var li_style=document.createAttribute('style');
            li_style.value='display:inline-block; width:100px; height:100px;line-height:30px;text-align:center;/ background-color:skyblue;';
            li.setAttributeNode(li_style);
            ul.appendChild(li);

      //创建a标签

            var a=document.createElement('a');
            var a_style=document.createAttribute('style');
            a_style.value='text-decoration: none;color: white;';
            a.setAttributeNode(a_style);
            li.appendChild(a);
            a.innerHTML=arr[i];

        }
  document.body.appendChild(ul);

</script>
</body>
</html>
哪里的问题，我的不显示出来

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

 // 2.将⼀段字符串变成驼峰命名法
        var str = "hello-world";
        var arr=str.split("-");
        var result="";
        for(i=0;i<arr.length;i++){
            var word=arr[i];
            result+=word.charAt(0).toUpperCase()+word.substr(1);
        }
        console.log(result);

就是这个代码中，charAt()和toUpperCase()不是字符串的方法嘛，为什么word这个数组可以用呀

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

var arr1 = [1,2,3];
var arr2 =arr1;
var arr3 = arr1;
arr1=[1,2,3,4]
console.log(arr1);
console.log(arr2);
console.log(arr3);

var arr1 = [1,2,3];
var arr2 =arr1;
var arr3 = arr1;
arr1.pop();
console.log(arr1);
console.log(arr2);
console.log(arr3);

数组地址传递，为什么arr2输出还是[1,2,3]呢？

第二种可以，第一种为什么不可以呢？

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

var arr = [1,1,3,2,4,5,6,6,1,6];

var array = [];

for(var i = 0;i<arr.length;i++){

if(array.___(arr[i]) === -1){

array.___(arr[i])

}

console.log(array);

老师,他这个是怎么实现去除不相邻的元素的

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

for(var i = 1; i<=9; i++) {

console.log("i=" +i);

for(var j=1; j<=9; j++) {

console.log("j="+j);

}

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

这里为什么不用给add 和muit传参数

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

解决了，老师有个单词拼写错了，谢谢.......................................................

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

for(var i = 1; i<=9; i++) {

console.log("i=" +i);

for(var j=1; j<=9; j++) {

console.log("j="+j);

}

为什么外层的for每次只打印一次而里面的for每次都打印了9次呀

套的有点蒙,有点没搞懂原理

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

老师做的笔记中说var可以声明全局变量（图1），但ppt中显示var声明的变量称为全局变量（图2），这怎么理解

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

为什么最后一个子标签不是文本，</script>和</body>之间不是有空格吗

<!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');
    /*
    1.textContent
    描述：返回当前节点和它的所有后代节点的文本内容。
     var result=document.getElementById('divA').textContent// This is some text
     console.log(result);
     2.nodeValue
     描述：nodeValue属性一般只用于Text节点
     console.log(span.firstChild.nodeValue);
     span.firstChild.nodeValue='新的span值';
     3.childNodes属性
     描述：childNodes属性返回一个节点集合(NodeList)，节点集合中包括当前节点的所有子节点
     例子：
     var childList=div1.childNodes;
     console.log(childList);
     console.log(childList.length);
     console.log(childList instanceof  Array);
     console.log(childList[1]);
     4.firstChild/ lastChild
     描述：返回第一个\最后一个子节点，如果不存在返回null
     console.log(div1.firstChild);
     console.log(div1.lastChild);
     */
        console.log(document.body.firstChild);
        console.log(document.body.lastChild);
</script>
</body>
</html>

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

在第一种方法中，array和arr[i]有什么关系？为什么打印array是arry[i]的结果呢？没搞懂这个过程

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

没搞懂Object本身和实例的概念

感觉好抽象

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

老师你好，关于如下代码的跨域传输遇到了一个问题，希望老师点播一下，谢谢！

<script>
        //page.html的
        var num = 10;
        window.name = 'var num=[1,2,3];';
    </script>

 <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加载完毕，意味着window.name的内容已经被赋予完毕
            iframe.onload = function(eve) {
                var iframeWindowName = eve.target.contentWindow.name;
                //console.log(iframeWindowName);
                eval(iframeWindowName); //将字符串解析成代码
                console.log(num);
            }
        }
    </script>

此时当我点击“跨域传输”按钮后则出现了如下情况：

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

啊？为什么给box设置浮动也能浮动啊？不应该给boximg吗

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

为什么我的vscode写cssText没用

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

同学您好