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

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

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

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>求数组中最大值和最大值的下标</title>
</head>
<body>
<script>
    var arr=[12,23,44,54,34,65,-8,77,98];
    var max=arr[0];
    for(var i in arr){
        if (arr[i]>=max){
            max=arr[i]
        }
    }
    document.write("数组中的最大值为"+max+",数组中最大值的下标为"+i);
</script>
</body>
</html>

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

老师,我这个字符串类型能打印出来，但是内容就是打印不出来，老是有什么错误，帮我看一下

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>跨域传输name</title>
	</head>
	<body>
		<button>跨域传输</button>
		<script>
		/* 
		 window.name
		 描述：是页面在切换之后，甚至域名更改之后仍然会存储信息的容器
		 说明：借助window.name可以实现页面之间的数据传递，陈伟跨域传输
		
		 如果想要获取一个页面内的信息，就必须先加载这个页面
		
		 */
		var name = 123;
		console.log(name);
		console.log(typeof(name));  
		var age = 123;
		console.log(typeof(age));
		
		var btn = document.querySelector('button');
		btn.onclick = function(){
			var iframe = document.createElement('iframe');
			// 加载保存信息页面
			iframe.src = '01window对象.html';
			iframe.style.display = 'none';
			document.body.appendChild(iframe);
			//当iframe加载完毕，意味着window.name的内容已经被赋予完毕
			iframe.onload = function(e){
				//contentWindow 返回指定的iframe的窗口对象。
				var iframeWName=e.target.contentWindow.name;
				eval(iframeWName);
				console.log(typeof(iframeWName));
				console.log(iframeWName);
			}
			
			
		}
		
		
		</script>
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>window顶级对象</title>
	</head>
	<body>
		<div>O(∩_∩)O</div>
		<script>
		/* 
			概念：window对象是BOM的具象化表现形式。
			ps：因为window对象是js中的顶级对象，因此所有定义在全局作用域中的
				变量、函数都会变成window对象的属性和方法
				window包含document
		 
		 */
		//重新打开一个窗口
		//window.open('http://www.baidu.com');
		//关闭当前窗口
		//window.close(); 
		var div = window.document.querySelector('div');
		div.onclick = function(e){
			div.style.color = 'gold';
			
		}
		
		
		var page = '跨域传输';
		window.name = 'var page = 跨域传输';
		
		</script>
	</body>
</html>

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

这里每次循环变量j都会重新赋值为1对吧，

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

switch是不能像if那样合在一起写是吗？

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

4转化为二进制怎么转化的呢，麻烦老师回答，谢谢

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

最后一句不明白，+num1+是表示的什么意思

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

        function getStr(length){
            var ALPHABET = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890"
            var str = "";
            for(var i=0;i<length;i++){
                var rand = Math.floor(Math.random()*ALPHABET.length);
                str = ALPHABET.substring(rand,rand + 1);
            }
           console.log(str); 
        }
        getStr(6);

老师看一下我这代码有什么问题嘛,为什么我的getStr(6)，并没在控制台中体现

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

  function getStr(length){
            var ALPHABET = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890"
            var str = "";
            for(var i=0;i<length;i++){
                var rand = Math.floor(Math.random()*ALPHABET.length);//这个是得到的rand的长度
                str = ALPHABET.substring(rand,rand+1);//那这个就是截取rand的长度
            }
        }

老师不懂得是rand+1有什么用，线上听课时老师所举的例子：前面rand是截取开始的位置，后面是结束的位置，如rand的长度是5，那截取的就是5到6，那5-6中间的位置是哪个！

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

明白了，但是好像这样更准确一点

/^([0-9]+\.[0-9]{2})$/

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

/^[0-9]+(.[0-9]{2})?$/.test(12.90)  //运行结果是false
/^[0-9]+(.[0-9]{2})?$/.test(12.)  //运行结果是true
/^[0-9]+(.[0-9]{2})?$/.test(12)  //运行结果是true

老师，我想问一下根据下面的正则表达式，上面的运行结果为什么不是true false false，
还有这里得？的作用是什么，看不太懂

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

 var arr =[21,21,44,54,89,123,77,77];
        var arr1 =[21,21,44,54,89,123,77,77];
        var arr2 =[21,21,44,54,89,123,77,77];

        //1.splice方法删除
        function unique(arr){
            var len=arr.length;
            for(var i=0;i<len;i++){
                for(var j=i+1;j<len;j++){
                    if(arr[i]==arr[j]){
                            arr.splice(j,1);
                            j--;
                            len--;//减少循环次数
                    }
                }
            }
            return arr;
        }
        unique(arr);
        console.log("splice去重后的数组:"+arr);
        
        //2.indexOf方法(不存在的push到新数组中)
        function unique1(arr){
            var resultArr=[];
            for(var i=0;i<arr.length;i++){
                if(resultArr.indexOf(arr[i])==-1){
                    resultArr.push(arr[i]);
                }
            }
            return resultArr;
        }
        unique1(arr1);
        console.log("indexOf方法去重后的数组:"+arr1);

如果直接console.log(unique1(arr1))结果是对的，可我这么写，第一个方法出来结果是对的，第二个为什么还是原数组呢，不知道哪里出问题了

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

09history对象代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div>history对象</div>
<a href="./10history跳转.html">history</a>
<button id="btn1">前进</button>
<script>
    var btn1 = document.getElementById("btn1");
    btn1.onclick = function(){
        //history.forward();    前进一个页面
        history.go(1);
    }
</script>
</body>
</html>

10histoty跳转代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div>跳转新页面</div>
<button id="btn2">后退</button>
<script>
    var btn2 = document.getElementById("btn2");
    btn2.onclick = function(){
        history.back();
    }
</script>
</body>
</html>

老师，第一次打开页面，点击前进按钮，没有反应，不能像视频里直接跳转到10history跳转页面。只能先点击链接跳转，后退，然后再点击前进才有反应。这是因为浏览器的原因吗？

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

老师，这个截图是视频课件里的代码，我是真理解不了了。

这个debounce函数一开始就执行var timer=null，所以每滑动一次滑轮，就调用debounce函数，然后给timer赋值为null，那么它一直都不会执行if里的语句呀（每滑动一次，timer为null，就不存在了）。就说这里用到了闭包，返回一个函数，闭包会保存变量的值，但是它再调用debounce函数，还是会先执行timer=null，又给他赋值为空了，还是不会执行if里的语句呀

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

 var abtu=document.getElementById("abtu");
    abtu.onclick=function(){
        e.preventDefault();
        console.log("点击A标签");
    }

e.preventDefault();

上面这行代码，不是阻止跳转吗？为啥我的写上去了，还是能够跳转？

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

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模型 315楼

同学您好